@charset "UTF-8";
/*------- Author: Tyler Chao===tylerchao.sh at gmail.com -------*/
html {
  background: #FFFFFF;
}

body,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dd,
fieldset, form,
input, select, textarea,
button,
figure {
  margin: 0;
}

ul, ol, menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  font-size: 75%;
  line-height: 1.5;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, a img, iframe {
  border: 0 none;
}

address, em, i {
  font-style: normal;
}

abbr, acronym {
  font-variant: normal;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}

:active {
  outline: 0 none;
}

input, select, button {
  vertical-align: middle;
}

input, select, button, textarea {
  font-size: 100%;
  font-family: inherit;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #999999;
}

::-moz-placeholder {
  color: #999999;
}

:-moz-placeholder {
  color: #999999;
}

:-ms-input-placeholder {
  color: #999999;
}

.placeholder {
  color: #999999;
}

@font-face {
  font-family: "iconfonts";
  src: url("../fonts/iconfonts.eot?v=1.5.2");
  src: url("../fonts/iconfonts.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/iconfonts.woff?v=1.5.2") format("woff"), url("../fonts/iconfonts.ttf?v=1.5.2") format("truetype"), url("../fonts/iconfonts.svg?v=1.5.2#svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon:before, [class^=icon-]:before {
  display: inline-block;
  vertical-align: 0;
  line-height: 1;
  font-family: "iconfonts";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-rendering: auto;
  speak: none;
}

.icon-add:before {
  content: "⠁";
}

.icon-alarm:before {
  content: "⠂";
}

.icon-alert:before {
  content: "⠃";
}

.icon-arrow-back:before {
  content: "⠄";
}

.icon-arrow-down:before {
  content: "⠇";
}

.icon-arrow-down-a:before {
  content: "⠅";
}

.icon-arrow-down-b:before {
  content: "⠆";
}

.icon-arrow-end-a:before {
  content: "⠈";
}

.icon-arrow-forward:before {
  content: "⠉";
}

.icon-arrow-left:before {
  content: "⠌";
}

.icon-arrow-left-a:before {
  content: "⠊";
}

.icon-arrow-left-b:before {
  content: "⠋";
}

.icon-arrow-right:before {
  content: "⠏";
}

.icon-arrow-right-a:before {
  content: "⠍";
}

.icon-arrow-right-b:before {
  content: "⠎";
}

.icon-arrow-start-a:before {
  content: "⠐";
}

.icon-arrow-up:before {
  content: "⠓";
}

.icon-arrow-up-a:before {
  content: "⠑";
}

.icon-arrow-up-b:before {
  content: "⠒";
}

.icon-bag:before {
  content: "⠕";
}

.icon-bag-flash:before {
  content: "⠔";
}

.icon-bell:before {
  content: "⠗";
}

.icon-bell-a:before {
  content: "⠖";
}

.icon-bolt:before {
  content: "⠘";
}

.icon-bookmark:before {
  content: "⠙";
}

.icon-calculator:before {
  content: "⠚";
}

.icon-calendar:before {
  content: "⠛";
}

.icon-card:before {
  content: "⠜";
}

.icon-cart:before {
  content: "⠞";
}

.icon-cart-a:before {
  content: "⠝";
}

.icon-cash:before {
  content: "⠟";
}

.icon-chatbox:before {
  content: "⠠";
}

.icon-chatboxes:before {
  content: "⠢";
}

.icon-chatboxes-a:before {
  content: "⠡";
}

.icon-chatbubble:before {
  content: "⠥";
}

.icon-chatbubble-a:before {
  content: "⠣";
}

.icon-chatbubble-b:before {
  content: "⠤";
}

.icon-chatbubbles:before {
  content: "⠦";
}

.icon-checkmark:before {
  content: "⠬";
}

.icon-checkmark-a:before {
  content: "⠧";
}

.icon-checkmark-b:before {
  content: "⠨";
}

.icon-checkmark-c:before {
  content: "⠩";
}

.icon-checkmark-d:before {
  content: "⠪";
}

.icon-checkmark-e:before {
  content: "⠫";
}

.icon-chevron-down:before {
  content: "⠭";
}

.icon-chevron-left:before {
  content: "⠮";
}

.icon-chevron-right:before {
  content: "⠯";
}

.icon-chevron-up:before {
  content: "⠰";
}

.icon-circle:before {
  content: "⠲";
}

.icon-circle-filled:before {
  content: "⠱";
}

.icon-clock:before {
  content: "⠳";
}

.icon-close:before {
  content: "⠸";
}

.icon-close-a:before {
  content: "⠴";
}

.icon-close-b:before {
  content: "⠵";
}

.icon-close-c:before {
  content: "⠶";
}

.icon-close-d:before {
  content: "⠷";
}

.icon-cloud:before {
  content: "⠺";
}

.icon-cloud-a:before {
  content: "⠹";
}

.icon-compose:before {
  content: "⠼";
}

.icon-compose-a:before {
  content: "⠻";
}

.icon-connection:before {
  content: "⠽";
}

.icon-contact:before {
  content: "⠿";
}

.icon-contact-a:before {
  content: "⠾";
}

.icon-doc:before {
  content: "⡂";
}

.icon-doc-flash:before {
  content: "⡀";
}

.icon-doc-text:before {
  content: "⡁";
}

.icon-drag:before {
  content: "⡃";
}

.icon-drawer:before {
  content: "⡄";
}

.icon-dropdown:before {
  content: "⡅";
}

.icon-earth:before {
  content: "⡆";
}

.icon-email:before {
  content: "⡈";
}

.icon-email-a:before {
  content: "⡇";
}

.icon-eye:before {
  content: "⡉";
}

.icon-flag:before {
  content: "⡋";
}

.icon-flag-a:before {
  content: "⡊";
}

.icon-flower:before {
  content: "⡌";
}

.icon-folder:before {
  content: "⡎";
}

.icon-folder-a:before {
  content: "⡍";
}

.icon-forward:before {
  content: "⡏";
}

.icon-gear:before {
  content: "⡑";
}

.icon-gear-a:before {
  content: "⡐";
}

.icon-grid:before {
  content: "⡒";
}

.icon-heart:before {
  content: "⡔";
}

.icon-heart-a:before {
  content: "⡓";
}

.icon-help:before {
  content: "⡖";
}

.icon-help-a:before {
  content: "⡕";
}

.icon-home:before {
  content: "⡘";
}

.icon-home-a:before {
  content: "⡗";
}

.icon-image:before {
  content: "⡙";
}

.icon-images:before {
  content: "⡚";
}

.icon-info:before {
  content: "⡜";
}

.icon-info-a:before {
  content: "⡛";
}

.icon-lightbulb:before {
  content: "⡞";
}

.icon-lightbulb-a:before {
  content: "⡝";
}

.icon-link:before {
  content: "⡟";
}

.icon-load-a:before {
  content: "⡠";
}

.icon-load-b:before {
  content: "⡡";
}

.icon-load-c:before {
  content: "⡢";
}

.icon-locate:before {
  content: "⡣";
}

.icon-location:before {
  content: "⡤";
}

.icon-lock:before {
  content: "⡥";
}

.icon-locked:before {
  content: "⡦";
}

.icon-login:before {
  content: "⡧";
}

.icon-logout:before {
  content: "⡨";
}

.icon-loop:before {
  content: "⡪";
}

.icon-loop-strong:before {
  content: "⡩";
}

.icon-medal:before {
  content: "⡫";
}

.icon-mic:before {
  content: "⡭";
}

.icon-mic-a:before {
  content: "⡬";
}

.icon-minus:before {
  content: "⡰";
}

.icon-minus-a:before {
  content: "⡮";
}

.icon-minus-b:before {
  content: "⡯";
}

.icon-more:before {
  content: "⡱";
}

.icon-navicon:before {
  content: "⡲";
}

.icon-navigate-a:before {
  content: "⡳";
}

.icon-paperclip:before {
  content: "⡴";
}

.icon-person:before {
  content: "⡶";
}

.icon-person-add:before {
  content: "⡵";
}

.icon-persons:before {
  content: "⡷";
}

.icon-pin:before {
  content: "⡸";
}

.icon-plus:before {
  content: "⡻";
}

.icon-plus-a:before {
  content: "⡹";
}

.icon-plus-b:before {
  content: "⡺";
}

.icon-power:before {
  content: "⡼";
}

.icon-pricetag:before {
  content: "⡾";
}

.icon-pricetag-a:before {
  content: "⡽";
}

.icon-pricetags:before {
  content: "⢀";
}

.icon-pricetags-a:before {
  content: "⡿";
}

.icon-printer:before {
  content: "⢁";
}

.icon-pulse:before {
  content: "⢂";
}

.icon-record:before {
  content: "⢃";
}

.icon-refresh:before {
  content: "⢄";
}

.icon-remove:before {
  content: "⢅";
}

.icon-reply:before {
  content: "⢇";
}

.icon-reply-all:before {
  content: "⢆";
}

.icon-sad:before {
  content: "⢈";
}

.icon-search:before {
  content: "⢊";
}

.icon-search-a:before {
  content: "⢉";
}

.icon-share:before {
  content: "⢋";
}

.icon-shop-flash:before {
  content: "⢌";
}

.icon-star:before {
  content: "⢏";
}

.icon-star-a:before {
  content: "⢍";
}

.icon-star-half:before {
  content: "⢎";
}

.icon-stop:before {
  content: "⢐";
}

.icon-storage:before {
  content: "⢑";
}

.icon-telephone:before {
  content: "⢓";
}

.icon-telephone-a:before {
  content: "⢒";
}

.icon-tip:before {
  content: "⢔";
}

.icon-trash:before {
  content: "⢖";
}

.icon-trash-a:before {
  content: "⢕";
}

.icon-unlocked:before {
  content: "⢗";
}

.icon-user:before {
  content: "⢘";
}

.icon-volume-high:before {
  content: "⢙";
}

.icon-volume-low:before {
  content: "⢚";
}

.icon-wifi:before {
  content: "⢛";
}

.icon-success {
  color: #8AB660;
}

.icon-warning {
  color: #FEBF0F;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}

.wrap-lg {
  margin-left: auto;
  margin-right: auto;
  min-width: 1024px;
  max-width: 1200px;
}

.wrap-fluid:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.col, [class*=col] {
  float: left;
  margin-left: 10px;
}

[class*=col-lg] {
  margin-left: 10px;
}

.col-1 {
  width: 50px;
}

.col-lg-1 {
  width: 65px;
}

.offset-1 {
  margin-left: 60px;
}

.offset-lg-1 {
  margin-left: 75px;
}

.col-2 {
  width: 110px;
}

.col-lg-2 {
  width: 140px;
}

.offset-2 {
  margin-left: 120px;
}

.offset-lg-2 {
  margin-left: 150px;
}

.col-3 {
  width: 170px;
}

.col-lg-3 {
  width: 215px;
}

.offset-3 {
  margin-left: 180px;
}

.offset-lg-3 {
  margin-left: 225px;
}

.col-4 {
  width: 230px;
}

.col-lg-4 {
  width: 290px;
}

.offset-4 {
  margin-left: 240px;
}

.offset-lg-4 {
  margin-left: 300px;
}

.col-5 {
  width: 290px;
}

.col-lg-5 {
  width: 365px;
}

.offset-5 {
  margin-left: 300px;
}

.offset-lg-5 {
  margin-left: 375px;
}

.col-6 {
  width: 350px;
}

.col-lg-6 {
  width: 440px;
}

.offset-6 {
  margin-left: 360px;
}

.offset-lg-6 {
  margin-left: 450px;
}

.col-7 {
  width: 410px;
}

.col-lg-7 {
  width: 515px;
}

.offset-7 {
  margin-left: 420px;
}

.offset-lg-7 {
  margin-left: 525px;
}

.col-8 {
  width: 470px;
}

.col-lg-8 {
  width: 590px;
}

.offset-8 {
  margin-left: 480px;
}

.offset-lg-8 {
  margin-left: 600px;
}

.col-9 {
  width: 530px;
}

.col-lg-9 {
  width: 665px;
}

.offset-9 {
  margin-left: 540px;
}

.offset-lg-9 {
  margin-left: 675px;
}

.col-10 {
  width: 590px;
}

.col-lg-10 {
  width: 740px;
}

.offset-10 {
  margin-left: 600px;
}

.offset-lg-10 {
  margin-left: 750px;
}

.col-11 {
  width: 650px;
}

.col-lg-11 {
  width: 815px;
}

.offset-11 {
  margin-left: 660px;
}

.offset-lg-11 {
  margin-left: 825px;
}

.col-12 {
  width: 710px;
}

.col-lg-12 {
  width: 890px;
}

.offset-12 {
  margin-left: 720px;
}

.offset-lg-12 {
  margin-left: 900px;
}

.col-13 {
  width: 770px;
}

.col-lg-13 {
  width: 965px;
}

.offset-13 {
  margin-left: 780px;
}

.offset-lg-13 {
  margin-left: 975px;
}

.col-14 {
  width: 830px;
}

.col-lg-14 {
  width: 1040px;
}

.offset-14 {
  margin-left: 840px;
}

.offset-lg-14 {
  margin-left: 1050px;
}

.col-15 {
  width: 890px;
}

.col-lg-15 {
  width: 1115px;
}

.offset-15 {
  margin-left: 900px;
}

.offset-lg-15 {
  margin-left: 1125px;
}

.col-16 {
  width: 950px;
}

.col-lg-16 {
  width: 1190px;
}

.row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.row [class*="col"]:first-child {
  margin-left: 0;
}
.row.wrap {
  width: 960px;
}
.row.wrap-lg {
  width: 1200px;
}

.input-row {
  margin-bottom: 10px;
}
.input-row input.col-1 {
  width: 44px;
}
.input-row input.col-lg-1 {
  width: 59px;
}
.input-row input.col-2 {
  width: 104px;
}
.input-row input.col-lg-2 {
  width: 134px;
}
.input-row input.col-3 {
  width: 164px;
}
.input-row input.col-lg-3 {
  width: 209px;
}
.input-row input.col-4 {
  width: 224px;
}
.input-row input.col-lg-4 {
  width: 284px;
}
.input-row input.col-5 {
  width: 284px;
}
.input-row input.col-lg-5 {
  width: 359px;
}
.input-row input.col-6 {
  width: 344px;
}
.input-row input.col-lg-6 {
  width: 434px;
}
.input-row input.col-7 {
  width: 404px;
}
.input-row input.col-lg-7 {
  width: 509px;
}
.input-row input.col-8 {
  width: 464px;
}
.input-row input.col-lg-8 {
  width: 584px;
}
.input-row input.col-9 {
  width: 524px;
}
.input-row input.col-lg-9 {
  width: 659px;
}
.input-row input.col-10 {
  width: 584px;
}
.input-row input.col-lg-10 {
  width: 734px;
}
.input-row input.col-11 {
  width: 644px;
}
.input-row input.col-lg-11 {
  width: 809px;
}
.input-row input.col-12 {
  width: 704px;
}
.input-row input.col-lg-12 {
  width: 884px;
}
.input-row input.col-13 {
  width: 764px;
}
.input-row input.col-lg-13 {
  width: 959px;
}
.input-row input.col-14 {
  width: 824px;
}
.input-row input.col-lg-14 {
  width: 1034px;
}
.input-row input.col-15 {
  width: 884px;
}
.input-row input.col-lg-15 {
  width: 1109px;
}
.input-row input.col-16 {
  width: 944px;
}
.input-row input.col-lg-16 {
  width: 1184px;
}

.table {
  width: 100%;
  max-width: 100%;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 5px 2px;
  line-height: 1.5;
}
.table > thead > tr.selected,
.table > tbody > tr.selected,
.table > tfoot > tr.selected {
  background-color: #fffcf4;
}
.table > thead > tr.active,
.table > tbody > tr.active,
.table > tfoot > tr.active {
  background-color: whitesmoke;
}
.table > thead > tr.active:hover,
.table > tbody > tr.active:hover,
.table > tfoot > tr.active:hover {
  background-color: #ededed;
}
.table > thead > tr.success,
.table > tbody > tr.success,
.table > tfoot > tr.success {
  background-color: #f1f6ec;
}
.table > thead > tr.success:hover,
.table > tbody > tr.success:hover,
.table > tfoot > tr.success:hover {
  background-color: #e9f1e1;
}
.table > thead > tr.info,
.table > tbody > tr.info,
.table > tfoot > tr.info {
  background-color: #e7f6fa;
}
.table > thead > tr.info:hover,
.table > tbody > tr.info:hover,
.table > tfoot > tr.info:hover {
  background-color: #daf1f8;
}
.table > thead > tr.warning,
.table > tbody > tr.warning,
.table > tfoot > tr.warning {
  background-color: #fdf5e9;
}
.table > thead > tr.warning:hover,
.table > tbody > tr.warning:hover,
.table > tfoot > tr.warning:hover {
  background-color: #fceedb;
}
.table > thead > tr.error,
.table > tbody > tr.error,
.table > tfoot > tr.error {
  background-color: #fbf0ef;
}
.table > thead > tr.error:hover,
.table > tbody > tr.error:hover,
.table > tfoot > tr.error:hover {
  background-color: #f9e4e2;
}
.table > thead > tr {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > colgroup + thead > tr:first-child,
.table > thead:first-child > tr:first-child {
  border-top: 0;
}

.table-striped > tbody > :nth-child(odd) {
  background-color: #f9f9f9;
}

.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th {
  border: 1px solid #dddddd;
}
.table-bordered > thead {
  background-color: #f3f3f3;
}

.table-hover > tbody > tr:hover {
  background-color: whitesmoke;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

/*------- buttons -------*/
button {
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
}

.btn {
  border: 0 none;
  background-color: transparent;
  padding: 0;
  outline: none;
}
.btn span {
  display: block;
  height: 100%;
  font-size: inherit;
}
.btn > span {
  padding-left: 1em;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 3px;
}
.btn > span > span {
  padding-right: 1em;
  line-height: 34px;
}
.btn[disabled], .btn.disabled {
  cursor: default;
  pointer-events: none;
  color: #ccc;
  border-color: #ccc;
}
.btn[disabled] > span, .btn.disabled > span {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.btn:hover > span, .btn:focus > span {
  background-color: #f2f2f2;
}

a.btn {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

::-webkit-file-upload-button {
  margin-left: 2px;
  padding: 0 1em;
  border: 1px solid #cccccc;
  background-color: #F9F9F9;
  line-height: 20px;
  border-radius: 4px;
  outline: 0;
}
::-webkit-file-upload-button:hover {
  background-color: #e6e6e6;
}

.btn-flat {
  color: #333333;
}
.btn-flat:hover > span, .btn-flat:focus > span {
  border-color: #c4c4c4;
  background-color: #fafafa;
  color: #262626;
}

.btn-plane > span,
.btn-plane:hover > span,
.btn-plane:focus > span {
  background-color: #EEEEEE;
}

a.btn-simple {
  color: #333333;
}

.btn-primary > span {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
}
.btn-primary:hover > span, .btn-primary:focus > span {
  background-color: #357ebd;
}

.btn-success > span {
  border-color: #719c47;
  background-color: #8AB660;
  color: white;
}
.btn-success:hover > span, .btn-success:focus > span {
  background-color: #7dad4f;
}

.btn-info > span {
  border-color: #31b0d5;
  background-color: #5bc0de;
  color: white;
}
.btn-info:hover > span, .btn-info:focus > span {
  background-color: #46b8da;
}

.btn-warning > span {
  border-color: #ec971f;
  background-color: #f0ad4e;
  color: white;
}
.btn-warning:hover > span, .btn-warning:focus > span {
  background-color: #eea236;
}

.btn-danger > span {
  border-color: #EA2329;
  background-color: #EA2329;
  color: white;
}
.btn-danger:hover > span, .btn-danger:focus > span {
  background-color: #d43f3a;
}

.btn-import > span,
.btn-major > span,
.btn-caution > span {
  padding-left: 1.5em;
  border-color: transparent;
  color: white;
}
.btn-import > span > span,
.btn-major > span > span,
.btn-caution > span > span {
  padding-right: 1.5em;
}

a.btn-import > span,
a.btn-major > span,
a.btn-caution > span {
  color: white;
}
a.btn-import:hover > span, a.btn-import:focus > span,
a.btn-major:hover > span,
a.btn-major:focus > span,
a.btn-caution:hover > span,
a.btn-caution:focus > span {
  color: white;
}

.btn-link > span {
  border: 0 none;
  background-color: transparent;
  color: #1766DD;
}
.btn-link > span > span {
  text-decoration: underline;
}
.btn-link:hover > span, .btn-link:focus > span {
  background-color: transparent;
  color: #104698;
}

.btn-rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.btn-rounded > span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.btn-sm, .input-comb-sm > .input-comb-btn {
  font-size: 12px;
}
.btn-sm > span, .input-comb-sm > .input-comb-btn > span {
  padding-left: .8em;
}
.btn-sm > span > span, .input-comb-sm > .input-comb-btn > span > span {
  padding-right: .8em;
  line-height: 1.8;
}

.btn-lg, .input-comb-lg > .input-comb-btn {
  font-size: 133.33333%;
}
.btn-lg > span, .input-comb-lg > .input-comb-btn > span {
  padding-left: 1.5em;
}
.btn-lg > span > span, .input-comb-lg > .input-comb-btn > span > span {
  padding-right: 1.5em;
  height: 46px;
  line-height: 46px;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block span {
  display: block;
}
.btn-block > span {
  padding-left: 0;
}
.btn-block > span > span {
  padding-right: 0;
  width: 100%;
}

a.btn-block {
  text-align: center;
}

.btn-collapse,
.btn-expand {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: 1px solid #A9A9A9;
  vertical-align: middle;
  text-align: center;
  font: 14px/18px simsun, serif;
  color: #8B8B8B;
}

/*new*/
.btn .icon-arrow-down-a,
.btn .icon-arrow-up-a {
  display: none;
}
.btn.is-asc .icon-arrow-down-a {
  display: none;
}
.btn.is-asc .icon-arrow-up-a {
  display: inline-block;
}
.btn.is-desc .icon-arrow-down-a {
  display: inline-block;
}
.btn.is-desc .icon-arrow-up-a {
  display: none;
}

.btn-tab {
  color: #666;
}
.btn-tab span {
  width: 86px;
  padding-left: 0;
  line-height: 35px;
  background: #e8e8e8;
  border: none;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.btn-tab span span {
  padding-right: 0;
}

.more-btn .icon, .more-btn [class^=icon-]:before {
  display: inline-block !important;
}
.more-btn .unexpand-btn {
  display: none !important;
}
.more-btn.is-expand .unexpand-btn {
  display: inline-block !important;
}
.more-btn.is-expand .expand-btn {
  display: none !important;
}

.is-expand .more-btn .unexpand-btn {
  display: inline-block !important;
}
.is-expand .more-btn .expand-btn {
  display: none !important;
}

.font-gray3 {
  color: #333;
}

.font-gray6 {
  color: #666;
}

.font-gray9 {
  color: #999;
}

/*----- 基本表单元素 ------*/
input, select, textarea {
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 3px;
}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
  border-color: darkgray;
}
input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled] {
  background-color: #eeeeee;
  border-color: #d4d4d4;
}

input, select, textarea, .input-comb > .input-comb-addon {
  line-height: 30px;
}

input, select, .input-comb > .input-comb-addon {
  height: 30px;
}

input[type=search], select {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=checkbox], input[type=radio], input[type=range], fieldset, legend {
  border: 0 none;
}

input[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
input[type=checkbox], input[type=radio] {
  margin: 0;
  margin-top: 1px \9;
  height: 13px;
  line-height: normal;
}
input[type="file"] {
  display: block;
  outline-offset: -2px;
}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator, input[type=month]::-webkit-inner-spin-button, input[type=month]::-webkit-calendar-picker-indicator, input[type=week]::-webkit-inner-spin-button, input[type=week]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}
input[type=date]::-webkit-datetime-edit-text:nth-child(2), input[type=date]::-webkit-datetime-edit-text:nth-child(4), input[type=datetime-local]::-webkit-datetime-edit-text:nth-child(2), input[type=datetime-local]::-webkit-datetime-edit-text:nth-child(4) {
  color: #FFFFFF;
  display: inline-block;
  width: 5px;
  margin: 0 2px;
  height: 0;
  border-top: 1px solid #333333;
  vertical-align: middle;
}

select[multiple], select[size] {
  height: auto;
}

fieldset {
  padding: 0;
  margin: 0;
  min-width: 0;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 18px;
  line-height: inherit;
  border-bottom: 1px solid #eeeeee;
}

label {
  display: inline-block;
  display: inline\0;
  max-width: 100%;
}

/*------ 基本表单元素辅助类 ------*/
.placeholder {
  position: absolute;
  left: 4px;
  top: 6px;
  z-index: 2;
}

.input-block {
  display: block;
  width: 98% \9;
  width: calc(100% - 2 * (2px + 1px));
}

.input-lg, .input-comb-lg input, .input-comb-lg > .input-comb-addon {
  height: 42px;
  line-height: 42px;
  font-size: 150%;
}

.input-sm, .input-comb-sm input, .input-comb-sm > .input-comb-addon {
  height: 18px;
  line-height: 18px;
}

.input-xxst {
  width: 30px;
}

.input-xst {
  width: 59px;
}

.input-st {
  width: 134px;
}

.input-me {
  width: 209px;
}

.input-ln {
  width: 284px;
}

.input-xln {
  width: 359px;
}

.input-xxln {
  width: 434px;
}

.input-comb {
  letter-spacing: -4px;
}
.input-comb > [class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
@media \0screen {
  .input-comb > input {
    margin-right: -1px;
  }
}
.input-comb > input + .input-comb-addon,
.input-comb > input + .input-comb-btn {
  margin-left: -1px;
}
.input-comb > .input-comb-addon,
.input-comb > .input-comb-btn {
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.input-comb > .input-comb-addon + input,
.input-comb > .input-comb-btn + input {
  margin-left: -1px;
}
.input-comb > .input-comb-addon {
  display: inline-block;
  padding: 2px 4px;
  min-width: 27px;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  text-align: center;
}
.input-comb > .input-comb-addon [class|=icon] {
  font-size: 20px;
}

.input-comb-lg > .input-comb-addon {
  padding: 2px 6px;
  min-width: 35px;
}
.input-comb-lg [class|=icon] {
  font-size: 22px;
}

.input-comb-sm > .input-comb-addon {
  padding: 2px 3px;
  min-width: 20px;
}
.input-comb-sm [class|=icon] {
  font-size: 16px;
}

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: 0;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  display: inline\0;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 10px;
}

/*------ form表单相关 ------*/
.form-row {
  position: relative;
  min-height: 36px;
}
.form-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.form-row .verify-code {
  vertical-align: middle;
}
.form-row .inline {
  display: inline-block;
  vertical-align: middle;
}
.form-row .inline div {
  display: inline;
}
.form-row .auto-change-verify-handle {
  cursor: pointer;
}

.form-row-action {
  margin-top: 20px;
}

.form-row-last {
  margin-bottom: 0;
}

.form-label {
  float: left;
  width: 9em;
  min-height: 1px;
  text-align: right;
  line-height: 36px;
}
.form-label em {
  margin-right: 5px;
  color: #EF4521;
}

.form-act {
  display: block;
  margin-left: 10em;
  line-height: 34px;
}
.form-act label {
  margin-left: 5px;
  margin-right: 15px;
  vertical-align: middle;
}
.form-act select {
  margin-right: 10px;
}
.form-act button {
  margin-right: 20px;
}

.membercenter-box .form-act {
  display: inline-block;
  margin-left: 1em;
}

.form-act textarea, .form-act-wide textarea, .form-act-side textarea {
  display: block;
  width: 99%;
  -webkit-resize: vertical;
  -moz-resize: vertical;
  resize: vertical;
}

.has-figure {
  position: relative;
}
.has-figure .input-block {
  padding-right: 36px;
  width: 86% \9;
  width: calc(100% - 2 * 1px - 2px - 36px);
}
.has-figure .input-lg, .has-figure .input-comb-lg input, .input-comb-lg .has-figure input, .has-figure .input-comb-lg > .input-comb-addon {
  padding-right: 48px;
  width: 83% \9;
  width: calc(100% - 2 * 1px - 2px - 48px);
}
.has-figure .input-sm, .has-figure .input-comb-sm input, .input-comb-sm .has-figure input, .has-figure .input-comb-sm > .input-comb-addon {
  padding-right: 24px;
  width: 89% \9;
  width: calc(100% - 2 * 1px - 2px - 24px);
}
.has-figure .input-figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  color: #999999;
}
.has-figure .input-figure-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.has-figure .input-figure-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
}

.has-error .caution {
  display: inline-block;
  vertical-align: middle;
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
  line-height: 30px;
  padding: 2px 10px;
}
.has-error .caution [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}
.has-error .caution[class|=icon]:before {
  font-size: 133.33333%;
  margin-right: 5px;
  vertical-align: middle;
}
.has-error input, .has-error textarea, .has-error select {
  border-color: #f2c9c5;
  background-color: #fefcfc;
}
.has-error .input .icon, .has-error .input [class^=icon-]:before,
.has-error .input-figure {
  color: #d54b40;
}

.has-success .caution {
  display: inline-block;
  vertical-align: middle;
  background-color: #f1f6ec;
  border: 1px solid #bdd6a6;
  color: #8AB660;
  line-height: 30px;
  padding: 2px 10px;
}
.has-success .caution [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}
.has-success .caution:before {
  font-size: 116.66667%;
  margin-right: 5px;
}
.has-success .input-figure {
  color: #8AB660;
}

.caution-input {
  border-color: #E0C6CD;
  background-color: #FFF8F6;
}

/*加在form标签上的class，控制整个表单样式*/
/*默认：form横向、error纵向*/
/*form纵向*/
.form-vertical .form-label {
  text-align: left;
  float: none;
  width: auto;
}
.form-vertical .form-act,
.form-vertical .has-error .caution {
  margin-left: 0;
}

/*error横向*/
.form-tip-horizontal .form-act {
  float: left;
  margin-left: 1em;
}
.form-tip-horizontal .has-error .caution {
  margin-left: 10px;
}

/*控制form表单中input框不同尺寸*/
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 1px;
  line-height: 1.5;
  color: #959595;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin-bottom: 9px;
}

.lead {
  font-weight: 400;
  font-size: 133.33%;
  margin-bottom: 12px;
}

mark,
.mark {
  background-color: #fdf5e9;
  padding: .2em;
}

small,
.small {
  font-size: 85%;
  color: #333333;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

blockquote {
  margin: 10px 0 10px 10px;
  background-color: #eeeeee;
  padding: 5px 10px;
  border-left: 3px solid #5bc0de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.dl-horizontal dt {
  float: left;
  clear: left;
  padding-right: 5px;
  width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  font-weight: 700;
}
.dl-horizontal dd {
  margin-left: 10em;
  padding-left: 5px;
}
.dl-horizontal dd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

code {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

kbd {
  padding: 1px 4px;
  font-size: 90%;
  color: #FFFFFF;
  background-color: #444444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
}

pre {
  padding: 5px 10px;
  color: #FFFFFF;
  background-color: #444444;
  margin-bottom: 9px;
}

/*------- auxiliary -------*/
.text-muted {
  color: gray;
}

.text-success {
  color: #8AB660;
}

.text-warning {
  color: #f0ad4e;
}

.text-info {
  color: #5bc0de;
}

.text-danger {
  color: #d9534f;
}

.bg-yellow {
  color: #FFFDF4;
}

.bg-alert {
  color: #fffcf4;
}

.bg-success {
  color: #f1f6ec;
}

.bg-warning {
  color: #fdf5e9;
}

.bg-info {
  color: #e7f6fa;
}

.bg-danger {
  color: #fdf7f7;
}

.bg-error {
  color: #fbf0ef;
}

.bg-selected {
  color: #FFFFCD;
}

.bg-white {
  background: white;
}

.close {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #BBBBBB;
  text-shadow: 0 1px 0 white;
}
.close:hover, .close:focus {
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

button.close {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-color: #333333;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.text-hide {
  font: 0/0 serif;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
}

.no-border {
  border: 0 !important;
}

.breadcrumb {
  padding: 8px 10px;
  margin-bottom: 9px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "> ";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #666666;
}

.label {
  display: inline;
  padding: .2em .5em .3em;
  background-color: #cccccc;
  font-size: 100%;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-disabled {
  background-color: darkgray;
}
.label-primary {
  background-color: #428bca;
}
.label-success {
  background-color: #8AB660;
}
.label-info {
  background-color: #5bc0de;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-danger {
  background-color: #d9534f;
}

a.label:hover, a.label:focus {
  color: white;
  text-decoration: none;
}

.point {
  display: inline-block;
  min-width: 16px;
  padding: 6px 4px;
  font-size: 11px;
  color: white;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d9534f;
  border-radius: 12px;
}
.btn .point {
  position: relative;
  top: -1px;
}
.point-sm {
  min-width: 14px;
  padding: 4px 3px;
}
.point-disabled {
  color: #fcfcfc;
  background-color: darkgray;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

a.point:hover, a.point:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.alert {
  background-color: #fffcf4;
  border: 1px solid #ffe59d;
  color: #FEBF0F;
  line-height: 30px;
  padding: 2px 10px;
}
.alert [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.info {
  background-color: #e7f6fa;
  border: 1px solid #b0e1ef;
  color: #5bc0de;
  line-height: 30px;
  padding: 2px 10px;
}
.info [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.warning {
  background-color: #fdf5e9;
  border: 1px solid #f8d9ac;
  color: #f0ad4e;
  line-height: 30px;
  padding: 2px 10px;
}
.warning [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.danger {
  background-color: #fdf7f7;
  border: 1px solid #eba5a3;
  color: #d9534f;
  line-height: 30px;
  padding: 2px 10px;
}
.danger [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.success {
  background-color: #f1f6ec;
  border: 1px solid #bdd6a6;
  color: #8AB660;
  line-height: 30px;
  padding: 2px 10px;
}
.success [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.error {
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
  line-height: 30px;
  padding: 2px 10px;
}
.error [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.caution-inline {
  background-color: #FFAD35;
  display: inline-block;
}
.caution-inline .arr, .caution-inline .arr2 {
  display: none;
}
.caution-inline .icon, .caution-inline [class^=icon-]:before {
  font-size: 16px;
  margin-left: 8px;
  margin-right: 5px;
  vertical-align: -2px;
  color: white;
}
.caution-inline .caution-content {
  line-height: 24px;
  padding-right: 8px;
  color: white;
}

.notice {
  display: block;
  line-height: 140%;
}
.notice .icon, .notice [class^=icon-]:before {
  margin-right: 5px;
  vertical-align: middle;
}

.notice-inline {
  padding: 0 5px;
  vertical-align: middle;
}
.notice-inline .icon, .notice-inline [class^=icon-]:before {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: middle;
}

.xtips-container {
  position: 3px;
  solid: #FEBF0F;
  z-index: 99999;
  background-color: white;
  border: 133px solid #CCCCCC;
}
.xtips-container:focus {
  outline: 0 none;
}
.xtips-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
}
.xtips-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px dashed transparent;
}
.xtips-container .arrow-bottom {
  left: 0;
  bottom: -14px;
}
.xtips-container .arrow-bottom i {
  border-top-style: solid;
}
.xtips-container .arrow-bottom .below {
  border-top-color: #FEBF0F;
  bottom: -3px;
}
.xtips-container .arrow-bottom .above {
  border-top-color: white;
  bottom: 1px;
  left: 0;
}
.xtips-container .icon, .xtips-container [class^=icon-]:before {
  color: #FEBF0F;
  display: inline-block;
  position: absolute;
  left: 6px;
}
.xtips-container .xtips-content {
  padding: 6px 10px 6px 25px;
  color: #555555;
}

.xtooltip {
  position: 1px;
  solid: #D4C289;
  z-index: 99999;
  background-color: #FEFBEB;
  border-width: 150px;
  border-style: max;
  -webkit-box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  visibility: hidden;
}
.xtooltip:focus {
  outline: 0 none;
}
.xtooltip .xtips-content {
  padding: 3px 5px;
  color: #555555;
}

.tooltip-container {
  position: absolute;
  z-index: 100000;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 10px;
}
.tooltip-container:focus {
  outline: 0 none;
}
.tooltip-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
}
.tooltip-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent;
}
.tooltip-container .arrow-left {
  top: 0;
  left: -10px;
}
.tooltip-container .arrow-left i {
  border-right-style: solid;
}
.tooltip-container .arrow-left .above {
  border-right-color: #333333;
  left: 0;
  top: 0;
}
.tooltip-container .arrow-right {
  top: 0;
  right: -10px;
}
.tooltip-container .arrow-right i {
  border-left-style: solid;
}
.tooltip-container .arrow-right .above {
  border-left-color: #333333;
  right: 0;
  top: 0;
}
.tooltip-container .arrow-top {
  left: 0;
  top: -10px;
}
.tooltip-container .arrow-top i {
  border-bottom-style: solid;
}
.tooltip-container .arrow-top .above {
  border-bottom-color: #333333;
  top: 0;
  left: 0;
}
.tooltip-container .arrow-bottom {
  left: 0;
  bottom: -10px;
}
.tooltip-container .arrow-bottom i {
  border-top-style: solid;
}
.tooltip-container .arrow-bottom .above {
  border-top-color: #333333;
  bottom: 0;
  left: 0;
}

.message {
  display: inline-block;
  position: absolute;
  background-color: #FFDEAC;
  padding: 0 8px;
  line-height: 22px;
  color: #333333;
  font-size: 12px;
}
.message:focus {
  outline: 0 none;
}

.message-error {
  position: absolute;
  z-index: 10002;
}
.message-error:focus {
  outline: 0 none;
}
.message-error .icon, .message-error [class^=icon-]:before {
  color: #e44d10;
}
.message-error .message-body {
  border-color: #DADADD;
}
.message-error .message-content {
  color: #d9534f;
}

.message-success {
  position: absolute;
  z-index: 10002;
}
.message-success:focus {
  outline: 0 none;
}
.message-success .icon, .message-success [class^=icon-]:before {
  color: #8AB660;
}
.message-success .message-body {
  border-color: #DADADD;
}
.message-success .message-content {
  color: #8AB660;
}

.message-body {
  background-color: white;
  max-width: 210px;
  padding: 30px;
  border: 1px solid #a3afb9;
  -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  color: #333333;
  border-radius: 5px;
}
.message-body .icon, .message-body [class^=icon-]:before {
  font-size: 24px;
  float: left;
  line-height: 24px;
  margin-right: 20px;
  margin-top: -5px;
}
.message-body .message-content {
  line-height: 22px;
}

.popup-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
  -moz-box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
  box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
}
.popup-container:focus {
  outline: 0 none;
}
.popup-container .popup-body {
  border: 1px solid #E6E6E6;
}
.popup-container .popup-header {
  background-color: #EFEFEF;
  height: 35px;
  padding: 0 10px;
}
.popup-container .popup-header h2 {
  float: left;
  line-height: 35px;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.popup-container .popup-header span {
  float: right;
}
.popup-container .popup-header .popup-btn-close {
  background: none;
  border: 0 none;
  height: 35px;
  overflow-y: hidden;
  padding: 0;
  color: #C6C6C6;
  font: 20px/35px "Arial Black", arial;
}
.popup-container .popup-header .popup-btn-close i {
  line-height: 1;
  display: inline-block;
}
.popup-container .popup-header .popup-btn-close:hover {
  color: #999999;
}
.popup-container .popup-content {
  color: #555555;
  text-align: center;
  padding: 15px;
}

.dialog {
  position: fixed;
  z-index: 10001;
  display: none;
  outline: none;
}

.dialog-body {
  background: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  outline: none;
}
.dialog-body .image-load-container {
  display: block;
  min-width: 30px;
  min-height: 30px;
}

.dialog-header {
  background: #FFFFFF;
  border-bottom: 1px solid #eaeaea;
  height: 36px;
  line-height: 36px;
  border-radius: 6px 6px 0 0;
  color: #333333;
  overflow: hidden;
}
.dialog-header h2 {
  padding-left: 12px;
  float: left;
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
  font-weight: normal;
  color: #999;
  line-height: 2.8;
}
.dialog-header span {
  float: right;
}
.dialog-header span button {
  cursor: pointer;
  border: 0 none;
  padding: 0;
  height: 20px;
  width: 20px;
  overflow: hidden;
}
.dialog-header .dialog-btn-close {
  background-color: transparent;
  font-size: 22px;
  line-height: 1;
  color: #999999;
  margin: -4px 10px 0 0;
}

.dialog-content {
  padding: 10px;
  overflow: auto;
}
.dialog-content .loading {
  text-align: center;
  line-height: 22px;
  height: 55px;
  display: block;
}
.dialog-content .actions {
  margin-top: 10px;
  text-align: center;
}
.dialog-content .actions button {
  margin-left: 20px;
}
.dialog-content .actions button:first-child {
  margin-left: 0;
}

.passport-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  -moz-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
}
.passport-container:focus {
  outline: 0 none;
}
.passport-container .passport-body {
  border: 1px solid #E6E6E6;
}
.passport-container .passport-header .passport-btn-close {
  background: none;
  border: 0 none;
  height: 20px;
  overflow-y: hidden;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #C6C6C6;
  font: 20px/20px iconfonts, "Arial Black", arial sans-serif;
}
.passport-container .passport-header .passport-btn-close i {
  line-height: 1;
  display: inline-block;
}
.passport-container .passport-header .passport-btn-close:hover {
  color: #999999;
}
.passport-container .passport-content {
  color: #555555;
}

.image-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  -moz-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
}
.image-container:focus {
  outline: 0 none;
}
.image-container .image-btn-close {
  display: none;
}
.image-container .image-content {
  width: 600px;
  height: 600px;
  line-height: 598px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.image-container .image-content img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.mini-cart-dialog .minicart-infos {
  line-height: 2;
  text-align: center;
}
.mini-cart-dialog .minicart-infos .icon, .mini-cart-dialog .minicart-infos [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px;
  color: #8AB660;
}
.mini-cart-dialog .minicart-infos p {
  margin-bottom: 20px;
}
.mini-cart-dialog .minicart-infos em {
  color: #d92626;
  padding-left: 5px;
  padding-right: 5px;
}
.mini-cart-dialog .minicart-error {
  padding: 10px;
  line-height: 2;
  text-align: center;
}
.mini-cart-dialog .minicart-error .icon, .mini-cart-dialog .minicart-error [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px;
  color: #D23F33;
}
.mini-cart-dialog .minicart-error p {
  margin-bottom: 20px;
}

.mask {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
}

.cover {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  background-color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
}

.mini-mask {
  position: 0.7;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000000;
  line-height: 11em;
}
.mini-mask .mask-loading {
  display: inline-block;
  background: #CCCCCC url(../images/loader.gif) no-repeat center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.alert-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
}
.alert-container:focus {
  outline: 0 none;
}
.alert-container .alert-body {
  border: 3px solid #A9A9A9;
  border-top: 0 none;
}
.alert-container .alert-header {
  background-color: #A9A9A9;
  height: 30px;
}
.alert-container .alert-header h2 {
  float: left;
  padding-left: 10px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: white;
}
.alert-container .alert-header span {
  float: right;
}
.alert-container .alert-header .alert-btn-close {
  background: none;
  border: 0 none;
  height: 30px;
  margin-right: 5px;
  overflow-y: hidden;
  padding: 0;
  color: #dddddd;
  font: 14px/30px iconfonts, arial;
}
.alert-container .alert-header .alert-btn-close:hover {
  color: white;
}
.alert-container .alert-content {
  color: #555555;
  padding: 15px;
}
.alert-container .action-confirm {
  margin-right: 15px;
}

.dialog-tips-container {
  position: 3px;
  solid: #FEBF0F;
  z-index: 9999;
  background-color: white;
  border: 145px solid #CCCCCC;
  display: none;
}
.dialog-tips-container:focus {
  outline: 0 none;
}
.dialog-tips-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
}
.dialog-tips-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px dashed transparent;
}
.dialog-tips-container .arrow-left {
  top: 0;
  left: -14px;
}
.dialog-tips-container .arrow-left i {
  border-right-style: solid;
}
.dialog-tips-container .arrow-left .below {
  border-right-color: #FEBF0F;
  left: -3px;
}
.dialog-tips-container .arrow-left .above {
  border-right-color: white;
  left: 1px;
  top: 0;
}
.dialog-tips-container .arrow-right {
  top: 0;
  right: -14px;
}
.dialog-tips-container .arrow-right i {
  border-left-style: solid;
}
.dialog-tips-container .arrow-right .below {
  border-left-color: #FEBF0F;
  right: -3px;
}
.dialog-tips-container .arrow-right .above {
  border-left-color: white;
  right: 1px;
  top: 0;
}
.dialog-tips-container .arrow-top {
  left: 0;
  top: -14px;
}
.dialog-tips-container .arrow-top i {
  border-bottom-style: solid;
}
.dialog-tips-container .arrow-top .below {
  border-bottom-color: #FEBF0F;
  top: -3px;
}
.dialog-tips-container .arrow-top .above {
  border-bottom-color: white;
  top: 1px;
  left: 0;
}
.dialog-tips-container .arrow-bottom {
  left: 0;
  bottom: -14px;
}
.dialog-tips-container .arrow-bottom i {
  border-top-style: solid;
}
.dialog-tips-container .arrow-bottom .below {
  border-top-color: #FEBF0F;
  bottom: -3px;
}
.dialog-tips-container .arrow-bottom .above {
  border-top-color: white;
  bottom: 1px;
  left: 0;
}
.dialog-tips-container .icon, .dialog-tips-container [class^=icon-]:before {
  color: #FEBF0F;
  display: inline-block;
  position: absolute;
  left: 6px;
}
.dialog-tips-container .dialog-tips-content {
  padding: 6px 10px 6px 25px;
  color: #555555;
}
.dialog-tips-container .bottom {
  margin-top: 5px;
  text-align: center;
}
.dialog-tips-container .action-confirm {
  margin-right: 15px;
}

.pager {
  margin: 10px 0;
  text-align: center;
  line-height: 1.83333;
  font-size: 100%;
  letter-spacing: -4px;
}
.pager > .flip {
  display: inline-block;
  background-color: white;
  border: 1px solid #dddddd;
  color: #1357aa;
  padding: 1px 6px;
  margin-left: 5px;
  width: auto;
  min-width: 11px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0;
}
.pager > .disabled {
  background-color: #f2f2f2;
  border-color: #eaeaea;
  color: #cccccc;
  cursor: not-allowed;
}
.pager > .prev,
.pager > .next {
  font-size: 133.33333%;
  font-weight: bold;
  line-height: 1.25;
  padding-bottom: 2px;
}
.pager > a.flip:hover,
.pager > .active {
  background-color: #1357aa;
  border-color: #1357aa;
  color: white;
}
.pager > .active {
  font-weight: bold;
}
.pager > .ellipsis {
  margin-left: 5px;
  letter-spacing: 0;
}

.pager-sm {
  text-align: right;
  line-height: 1.5;
}
.pager-sm > .flip {
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 3px;
  min-width: 12px;
}
.pager-sm .prev,
.pager-sm .next {
  line-height: 1.0625;
}
.pager-sm > .ellipsis {
  margin-left: 2px;
}

.datepicker {
  padding: 4px;
  direction: ltr;
  /*.dow {
      border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '\0020';
  display: inline-block;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.datepicker-dropdown:after {
  content: '\0020';
  display: inline-block;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  background-color: white;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333333;
  line-height: 1.5;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table td, .datepicker table th {
  text-align: center;
  width: 28px;
  height: 22px;
  border: none;
}
.table-striped .datepicker table th, .table-striped .datepicker table td {
  background-color: transparent;
}
.datepicker table td.day:hover, .datepicker table td.day.focused {
  background-color: #eeeeee;
  cursor: pointer;
}
.datepicker table td.old, .datepicker table td.new {
  color: gray;
}
.datepicker table td.disabled, .datepicker table td.disabled:hover {
  background-color: #eeeeee;
  color: gray;
  cursor: default;
}
.datepicker table td.today, .datepicker table td.today:hover, .datepicker table td.today.disabled, .datepicker table td.today.disabled:hover {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table td.today:hover:hover {
  color: #000;
}
.datepicker table td.today.active:hover {
  color: #fff;
}
.datepicker table td.range, .datepicker table td.range:hover, .datepicker table td.range.disabled, .datepicker table td.range.disabled:hover {
  background-color: #eeeeee;
  border-radius: 0;
}
.datepicker table td.range.today, .datepicker table td.range.today:hover, .datepicker table td.range.today.disabled, .datepicker table td.range.today.disabled:hover {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table td.selected, .datepicker table td.selected:hover, .datepicker table td.selected.disabled, .datepicker table td.selected.disabled:hover {
  color: #fff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td.active, .datepicker table td.active:hover, .datepicker table td.active.disabled, .datepicker table td.active.disabled:hover {
  color: white;
  background-color: #428bca;
  border-color: #3071a9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker table td span:hover {
  background: #eeeeee;
}
.datepicker table td span.disabled, .datepicker table td span.disabled:hover {
  background: none;
  color: gray;
  cursor: default;
}
.datepicker table td span.active, .datepicker table td span.active:hover, .datepicker table td span.active.disabled, .datepicker table td span.active.disabled:hover {
  color: white;
  background-color: #428bca;
  border-color: #3071a9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td span.old, .datepicker table td span.new {
  color: gray;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-comb.date > .input-comb-addon {
  cursor: pointer;
}

.images-uploader {
  margin: 10px;
  letter-spacing: -4px;
}
.images-uploader .img-thumbnail {
  width: 70px;
  height: 70px;
  line-height: 68px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 0;
  vertical-align: middle;
}
.images-uploader .img-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.images-uploader .handle {
  display: inline-block;
  position: relative;
}
.images-uploader input[type=file],
.images-uploader .icon-add {
  display: block;
  margin: 3px;
  font-size: 30px;
  color: #AAAAAA;
  line-height: 62px;
  text-align: center;
  border: 1px dotted #DDDDDD;
  cursor: pointer;
}
.images-uploader input[type=file] {
  position: absolute;
  z-index: 1;
  width: 62px;
  height: 62px;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.images-uploader .icon-close-b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  cursor: pointer;
  display: none;
}
.images-uploader .icon-close-b:before {
  left: 0;
  top: 0;
  content: "删除";
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 70px;
  width: 100%;
  height: 100%;
}

.system-widgets-box {
  background-color: #EFEFEF;
  margin-bottom: 10px;
  text-align: center;
  font: bold 18px/300px arial;
}

/*------ mod基本模块 ------*/
.text-justify {
  text-align: justify;
  text-justify: distribute-all-lines;
  -webkit-text-align-last: justify;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .text-justify:after {
    content: "\200B";
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 0;
  }
}
.mod-bottom, .form-row, .mod, .signupin-content .form-row-normal, .signin, .signup, .sign-title, .signup-success .descrip, .related-search, .filter-container, .gallery-sortbar, .goods-item .goods-name, .brand-desc h2, .detail-content, .product-tags, .product-attributes, .product-parameters, .product-score .btn-discuss, .post-comment .scores-list {
  margin-bottom: 10px;
}

.mod {
  border: 1px solid #CCCCCC;
}

.mod-title {
  background-color: #EFEFEF;
}
.mod-title h2 {
  font-size: 116.66667%;
}

/* autocompleter */
.autocompleter-choices {
  position: absolute;
  z-index: 65535;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  text-align: left;
  overflow: hidden;
}
.autocompleter-choices li {
  position: relative;
  margin-top: -1px;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  line-height: 25px;
  white-space: nowrap;
  cursor: pointer;
}

.autocompleter-selected {
  background-color: #F6F6F6;
}

.autocompleter-queried {
  display: inline;
  font-weight: bold;
}

/* 密码检测组件 */
.password-check {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  color: #666666;
}
.password-check q {
  display: inline-block;
  vertical-align: middle;
}
.password-check em {
  margin-left: 1px;
  padding: 0 10px;
  background-color: #CCCCCC;
  color: #FFFFFF;
  display: inline-block;
}
.password-check .progress {
  display: inline-block;
  background-color: #FFFFFF;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  vertical-align: middle;
  clear: both;
}

.password-weak .weak {
  background-color: #e22335;
}

.password-good .weak {
  background-color: #e22335;
}
.password-good .good {
  background-color: #ff8135;
}

.password-strong .weak {
  background-color: #e22335;
}
.password-strong .good {
  background-color: #ff8135;
}
.password-strong .strong {
  background-color: #8AB65D;
}

/*------ passport ------*/
.signupin-tags {
  border-bottom: 2px solid #636363;
  padding-top: 20px;
  padding-left: 20px;
}
.signupin-tags ul, .signupin-tags .anonym-buy {
  float: left;
  line-height: 33px;
}
.signupin-tags li {
  float: left;
  background-color: #EEEEEE;
  margin-right: 10px;
  font-size: 133.33333%;
}
.signupin-tags li a {
  display: block;
  padding-left: 18px;
  padding-right: 18px;
  color: #666666;
}
.signupin-tags li.active {
  background-color: #666666;
}
.signupin-tags li.active a {
  color: #FFFFFF;
  font-weight: bold;
}
.signupin-tags .anonym-buy a {
  margin-left: 5px;
}

.signupin-content .alert-tip, .signupin-content .error-tip {
  width: 286px;
}
.signupin-content .form-row {
  height: 51px;
  font-size: 116.66667%;
}
.signupin-content .form-row-normal {
  overflow: hidden;
  font-size: 116.66667%;
}
.signupin-content .form-label {
  height: 32px;
  overflow: hidden;
}
.signupin-content .x-input {
  width: 288px;
  height: 26px;
  line-height: 26px;
  padding: 1px 4px;
}
.signupin-content .x-check,
.signupin-content .x-select {
  height: 32px;
}
.signupin-content .calendar {
  width: 268px;
  padding-left: 24px;
}
.signupin-content .notice-inline {
  position: absolute;
  top: 33px;
  left: 0;
  padding: 0;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  font-size: 12px;
}

.header-title {
  font-size: 24px;
  color: #999999;
  margin-bottom: 30px;
}

.spec {
  font-size: 16px;
}

.signin {
  width: 340px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  margin-left: -344px;
}
.signin .form-label {
  display: none;
}
.signin .form-act {
  margin-left: 20px;
  *display: inline;
}
.signin .need-signup {
  overflow: hidden;
  padding: 10px 20px;
  background-color: #efefef;
}
.signin .need-signup h3 {
  float: left;
  color: #E73E31;
  font: 14px/25px 'Microsoft Yahei';
}
.signin .need-signup .btn-simple {
  float: right;
}

.verify-type {
  display: block;
  width: 240px;
}

.signup {
  border: 2px solid #CCCCCC;
}
.signup .form-label {
  width: 145px;
}
.signup .form-act {
  margin-left: 148px;
  *margin-left: 0;
}

.sign-title {
  height: 44px;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 20px;
}
.sign-title h2 {
  font: 400 24px/44px 'Microsoft Yahei';
  color: #1566C0;
}

.signin-page-wrap {
  margin-bottom: 40px;
  padding-left: 100%;
}

.signup-aside {
  padding: 40px 20px 170px 25px;
  border-left: 1px dotted #CCCCCC;
}
.signup-aside .descrip {
  font-size: 14px;
  line-height: 40px;
}

.signup-success {
  padding-left: 120px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.signup-success .icon, .signup-success [class^=icon-]:before {
  font-size: 70px;
  color: #6CA334;
  float: left;
  line-height: 70px;
}
.signup-success .descrip {
  font-size: 14px;
  color: #333333;
  margin-left: 90px;
}
.signup-success .tips-controls {
  padding: 30px 0;
}
.signup-success .alert-tip {
  padding: 5px 10px;
  color: #333333;
  margin-bottom: 20px;
}
.signup-success .alert-tip em {
  display: block;
  color: red;
}

.redirection-alert {
  margin-top: 15px;
  color: #999999;
}
.redirection-alert i {
  color: #FE4C00;
  margin-left: 3px;
  margin-right: 3px;
}

/* 忘记密码 */
.forgot-content {
  max-width: 60%;
  margin: 0 auto;
  padding: 20px 40px;
  background-color: white;
  font-size: 14px;
}
.forgot-content ul {
  padding-bottom: 60px;
}
.forgot-content .been-send {
  padding-bottom: 30px;
  text-align: center;
  font-size: 116.66667%;
}
.forgot-content .been-send .icon, .forgot-content .been-send [class^=icon-]:before {
  font-size: 183.33333%;
  margin-right: 10px;
  vertical-align: middle;
}
.forgot-content .goto-signin {
  color: #0083FF;
}

.forgot-remember {
  margin-left: 5px;
}

.forgot-resend {
  margin-left: 5px;
}

.forgot-success {
  margin-bottom: 70px;
  text-align: center;
  font-size: 14px;
}
.forgot-success .icon, .forgot-success [class^=icon-]:before {
  font-size: 50px;
  margin-right: 20px;
  color: #6CA334;
  line-height: 50px;
  vertical-align: middle;
}

.forgot-safe-box {
  position: relative;
  left: 18%;
}

/*new*/
.login-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}

.row-logo {
  margin-left: 45px;
}

.signin-logo img {
  left: 27px;
}

.login .form-row.verify-code img, .signin2 .form-row.verify-code img {
  width: 70px;
  vertical-align: middle;
}
.login .form-row .inline, .signin2 .form-row .inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}
.login .form-row.form-row-text, .signin2 .form-row.form-row-text {
  height: 30px;
}
.login .form-act .icon.icon-checkmark-c, .login .form-act .icon-checkmark-c[class^=icon-]:before, .signin2 .form-act .icon.icon-checkmark-c, .signin2 .form-act .icon-checkmark-c[class^=icon-]:before {
  right: 30px;
  color: #8AB660;
}

.login {
  padding: 15px 0;
  background: white;
  border-radius: 5px;
  font-size: 12px;
}
.login .form-control {
  position: relative;
  margin: 0 30px;
  padding-top: 40px;
}
.login .caution {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.login-header {
  padding: 10px 30px 5px 30px;
}
.login-header:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.login-header .header-keyname {
  float: left;
  font-size: 18px;
}
.login-header .go-register {
  float: right;
  line-height: 30px;
}
.login .form-row {
  position: static;
  height: 55px;
  margin-bottom: 0;
}
.login .form-row:last-child {
  height: auto;
}
.login .form-label {
  line-height: 2;
}
.login .caution {
  display: block;
  line-height: 2;
}
.login .form-act {
  margin-bottom: 0;
}
.login .auto-login {
  float: left;
}
.login .auto-login label {
  display: inline;
}
.login .forget-or-signin {
  float: right;
}
.login .check-wrap {
  display: inline-block;
  width: 100px;
}

.signin2 {
  font-size: 14px;
}
.signin2 .form-control {
  width: 840px;
  margin-left: 380px;
}
.signin2 .to-login {
  float: right;
}
.signin2 .form-row {
  margin-bottom: 20px;
}
.signin2 .form-act {
  width: 350px;
}
.signin2 .header-title {
  font-size: 32px;
  color: #666;
  text-indent: 230px;
  letter-spacing: 10px;
  margin-bottom: 30px;
  font-weight: normal;
}

.signinup-center {
  position: relative;
  height: 490px;
}
.signinup-center .form-control {
  position: absolute;
  left: 50%;
  transform: translateX(-40%);
  margin-left: 0;
}

.agreement > div {
  margin-bottom: 20px;
}
.agreement .title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.success-info {
  margin-top: 30px;
  color: #666;
}
.success-info .btn {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}
.success-info .success-info-l1 {
  color: #8AB660;
  font-size: 24px;
}
.success-info .success-info-l1 i {
  margin-right: 10px;
  font-size: 46px;
  vertical-align: middle;
}
.success-info .success-info-l1.v-align i {
  vertical-align: middle;
}
.success-info .success-info-l2 {
  margin-bottom: 100px;
}
.success-info .success-info-l3 {
  margin-bottom: 20px;
  margin-left: 55px;
}
.success-info .success-info-l4 {
  margin-left: 55px;
}
.success-info .success-info-operate {
  margin-bottom: 20px;
}

.fail-info {
  color: #666;
  font-size: 16px;
}
.fail-info i {
  margin-right: 10px;
  font-size: 46px;
  vertical-align: middle;
}

/*信任登录*/
.trust-login {
  padding: 30px 30px 0 30px;
  text-align: center;
}
.trust-login .trust-login-keyname {
  color: #999;
  margin-bottom: 20px;
}
.trust-login .trust-login-btn {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 8px;
}
.trust-login .trust-login-btn img {
  width: 100%;
  height: 100%;
}

.trust-skip {
  margin-bottom: 10px;
  color: #666;
}

.trust-login-wrap {
  background: none;
  padding: 0;
}

.trust-login-box {
  background: #fff;
  border: 1px solid #ccc;
}
.trust-login-box .trust-login-header {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  border-bottom: 1px dashed #ececec;
  color: #999;
  font-size: 20px;
}
.trust-login-box .trust-login-list {
  padding: 50px 0;
}
.trust-login-box .trust-login-list2 {
  height: 333px;
  padding: 20px 0 20px 40px;
}

.login-panel .footer {
  background: #fff;
  color: #666;
}
.login-panel .signin2 ~ .footer {
  border-top: 1px solid #efefef;
}

/*------ goods gallery ------*/
.related-search {
  background-color: #FCFCFC;
  border: 1px solid #EFEFEF;
  padding: 4px 10px;
  line-height: 1.83333;
}

.a-b {
  font-size: 12px;
}

.related-search-label {
  color: #333333;
  float: left;
  width: 7em;
}

.related-search-content {
  margin-left: 7em;
  display: block;
}
.related-search-content a {
  color: #1766DD;
  padding-right: 12px;
}
.related-search-content .active {
  font-weight: bold;
  color: #666666;
}

.filter-container {
  border: 1px solid #D3D3D3;
}
.filter-container .filter-title {
  background-color: #DDDDDD;
  line-height: 2.83333;
  padding-left: 10px;
  padding-right: 10px;
}
.filter-container .filter-title h3 {
  font-size: 100%;
  float: left;
}
.filter-container .filter-title .gallery-total-info {
  float: left;
}
.filter-container .filter-title .gallery-total-info b {
  color: #D62528;
}
.filter-container .filter-title .filter-clean {
  float: right;
}
.filter-container .filter-title .filter-clean .icon, .filter-container .filter-title .filter-clean [class^=icon-]:before {
  color: #666666;
}

.gallery-category li {
  float: left;
  margin-right: 6px;
}

.filter-selected dt, .filter-promotion dt {
  float: left;
  margin-right: 3px;
  width: 76px;
  text-align: right;
}
.filter-selected dd, .filter-promotion dd {
  margin-left: 81px;
}

.filter-selected-item {
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
}
.filter-selected-item .icon, .filter-selected-item [class^=icon-]:before {
  margin-left: 3px;
  font-size: 9px;
  cursor: pointer;
}

.filter-item {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
}
.filter-item .icon, .filter-item [class^=icon-]:before {
  visibility: hidden;
  display: inline-block;
  margin-left: 3px;
  font-size: 9px;
  color: #FFFFFF;
  cursor: pointer;
}

.filter-item-hide {
  display: none;
}

.filter-item-show {
  display: inline;
}

.filter-lists-container {
  padding: 10px 10px 5px;
}
.filter-lists-container .filter-entries {
  border-bottom: 1px dotted #DDDDDD;
  margin-bottom: 5px;
  line-height: 20px;
}
.filter-lists-container .filter-entries-label {
  float: left;
  margin-right: 3px;
  width: 76px;
  text-align: right;
}
.filter-lists-container .filter-entries-values {
  margin-left: 80px;
  margin-right: 50px;
}
.filter-lists-container .filter-non-fold {
  margin-right: 0;
}
.filter-lists-container .filter-entries-more {
  float: right;
}
.filter-lists-container .filter-entries-more .icon, .filter-lists-container .filter-entries-more [class^=icon-]:before {
  display: inline-block;
  margin-left: 4px;
  background-color: #CCCCCC;
  line-height: 12px;
  width: 12px;
  text-align: center;
  color: #FFFFFF;
}
.filter-lists-container .filter-item-pop {
  padding: 34px 10px 6px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  position: absolute;
  left: -6px;
  top: -6px;
  text-align: center;
  width: 94px;
  display: none;
}
.filter-lists-container .filter-item-pop a {
  margin-right: 26px;
}
.filter-lists-container .filter-pop-active {
  position: relative;
}
.filter-lists-container .filter-pop-active .filter-item-input {
  position: relative;
  z-index: 2;
}
.filter-lists-container .filter-pop-active .filter-item-pop {
  display: block;
}

.filter-dropdown-container {
  padding-left: 10px;
  padding-right: 12px;
}
.filter-dropdown-container .filter-dropdown-item {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.filter-dropdown-container .filter-dropdown-label {
  border: 1px solid #DDDDDD;
  background-color: #F6F6F6;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  cursor: pointer;
}
.filter-dropdown-container .filter-dropdown-values {
  border: 1px solid #DDDDDD;
  padding-top: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  line-height: 20px;
  max-height: 77px;
  overflow: auto;
  visibility: hidden;
}
.filter-dropdown-container .filter-dropdown-values li {
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  white-space: nowrap;
}
.filter-dropdown-container .filter-dropdown-values li .icon, .filter-dropdown-container .filter-dropdown-values li [class^=icon-]:before {
  display: inline-block;
  visibility: hidden;
}
.filter-dropdown-container .current .filter-dropdown-label {
  background-color: #FFFFFF;
  border-bottom: 0 none;
  padding-bottom: 5px;
  z-index: 2;
}
.filter-dropdown-container .current .filter-dropdown-values {
  visibility: visible;
  margin-top: -1px;
}
.filter-dropdown-container .current .active .icon, .filter-dropdown-container .current .active [class^=icon-]:before {
  visibility: visible;
}

.filter-dropdown-inner {
  position: relative;
  margin-left: 80px;
}

.filter-more {
  margin-left: 81px;
  line-height: 30px;
}
.filter-more .icon, .filter-more [class^=icon-]:before {
  display: inline-block;
  margin-left: 4px;
  background-color: #CCCCCC;
  line-height: 12px;
  width: 12px;
  text-align: center;
  color: #FFFFFF;
}

.filter-promotion {
  line-height: 22px;
}
.filter-promotion .active {
  background-color: #D62528;
}
.filter-promotion .active .handle {
  color: #FFFFFF;
}
.filter-promotion .active .icon, .filter-promotion .active [class^=icon-]:before {
  visibility: visible;
}

.gallery-sortbar {
  border: 1px solid #DDDDDD;
  background-color: #F3F3F3;
}
.gallery-sortbar .gallery-sort {
  float: left;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.gallery-sortbar .gallery-sort .price-desc .asc,
.gallery-sortbar .gallery-sort .price-asc .desc {
  display: none;
}
.gallery-sortbar .gallery-sort em {
  padding: 0px 8px;
  display: inline-block;
  line-height: 21px;
}
.gallery-sortbar .gallery-showmode {
  float: left;
  padding: 11px 2px 8px 10px;
}
.gallery-sortbar .gallery-showmode a {
  margin-left: 5px;
  margin-right: 5px;
  color: #666666;
}
.gallery-sortbar .gallery-showmode input {
  margin-left: 10px;
}
.gallery-sortbar .gallery-showmode .icon, .gallery-sortbar .gallery-showmode [class^=icon-]:before {
  font-size: 15px;
  margin-right: 3px;
  vertical-align: middle;
}
.gallery-sortbar .sortbar-filter-tags {
  background-color: #FFFFFF;
  clear: both;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
}
.gallery-sortbar .sortbar-filter-tags label {
  margin-right: 5px;
}

.goods-item .goods-pic .img-tag-tl,
.goods-item .goods-pic .img-tag-tr,
.goods-item .goods-pic .img-tag-bl,
.goods-item .goods-pic .img-tag-br {
  position: absolute;
  line-height: 28px;
  width: 30px;
  height: 30px;
}
.goods-item .goods-pic .img-tag-tl img,
.goods-item .goods-pic .img-tag-tr img,
.goods-item .goods-pic .img-tag-bl img,
.goods-item .goods-pic .img-tag-br img {
  max-width: 30px;
  max-height: 30px;
}
.goods-item .goods-pic .text-tag-tl,
.goods-item .goods-pic .text-tag-tr,
.goods-item .goods-pic .text-tag-bl,
.goods-item .goods-pic .text-tag-br {
  background-color: #F6F6F6;
  position: absolute;
  line-height: 1.5;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}
.goods-item .goods-pic .img-tag-tl,
.goods-item .goods-pic .text-tag-tl {
  top: 0;
  left: 0;
}
.goods-item .goods-pic .img-tag-tr,
.goods-item .goods-pic .text-tag-tr {
  top: 0;
  right: 0;
}
.goods-item .goods-pic .img-tag-bl,
.goods-item .goods-pic .text-tag-bl {
  bottom: 0;
  left: 0;
}
.goods-item .goods-pic .img-tag-br,
.goods-item .goods-pic .text-tag-br {
  bottom: 0;
  right: 0;
}
.goods-item .goods-name {
  max-height: 36px;
  overflow: hidden;
  font-size: 100%;
}
.goods-item .promotion-tags .tag {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 3px;
}
.goods-item .p-quantity {
  display: inline-block;
  width: 74px;
  margin-right: 8px;
  position: relative;
}
.goods-item .p-quantity a {
  display: inline-block;
  width: 20px;
  height: 21px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #a9a9a9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.goods-item .p-quantity input {
  width: 30px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border-width: 1px 0;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: center;
}
.goods-item .store-warn {
  line-height: 15px;
  width: 74px;
  text-align: center;
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
}
.goods-item .btn-simple {
  margin-right: 10px;
}

.gallery-show .goods-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #CCCCCC;
}
.gallery-show .goods-pic {
  position: relative;
}

/*-- 商品列表 --*/
.gallery-grid .goods-item {
  float: left;
  width: 175px;
  padding-left: 10px;
  padding-right: 10px;
}
.gallery-grid .goods-pic {
  width: 160px;
  height: 160px;
  line-height: 158px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 10px;
}
.gallery-grid .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-grid .goods-price {
  max-height: 36px;
  overflow: hidden;
}
.gallery-grid .goods-price del {
  clear: both;
  display: block;
}
.gallery-grid .goods-comment {
  color: #666666;
  margin-left: 5px;
}
.gallery-grid .promotion-tags {
  margin-bottom: 7px;
}

.gallery-list .goods-pic {
  width: 100px;
  height: 100px;
  line-height: 98px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.gallery-list .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-list .goods-info {
  margin-left: 130px;
  margin-right: 340px;
}
.gallery-list .goods-comment {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #888888;
}
.gallery-list .goods-price {
  width: 142px;
  float: right;
  margin-top: 10px;
  color: #666666;
}
.gallery-list .goods-action {
  width: 172px;
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}

/*------ goods compare ------*/
.gallery-compare {
  position: fixed;
  right: 10px;
  top: 10%;
  z-index: 10000;
}
.gallery-compare .fold {
  background-color: #F3F3F3;
  border: 1px solid #DDDDDD;
  padding: 5px;
  width: 12px;
  line-height: 14px;
}
.gallery-compare .handle-expan {
  margin-bottom: 5px;
  display: inline-block;
}
.gallery-compare .unfold {
  display: none;
}
.gallery-compare .header {
  padding-left: 10px;
  padding-right: 5px;
}
.gallery-compare .header h3 {
  float: left;
}
.gallery-compare .handle-collapse {
  float: right;
}
.gallery-compare .handle-collapse .icon, .gallery-compare .handle-collapse [class^=icon-]:before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  margin-left: 5px;
}
.gallery-compare .none-compare {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #888888;
  text-align: center;
}
.gallery-compare .compare-item {
  border-bottom: 1px solid #E3E3E3;
  overflow: hidden;
  position: relative;
  padding: 5px 10px;
}
.gallery-compare .compare-item .goods-pic {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.gallery-compare .compare-item .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-compare .compare-item .goods-intro {
  margin-left: 66px;
  overflow: hidden;
}
.gallery-compare .compare-item .goods-name {
  font-weight: 400;
  font-size: 12px;
  height: 36px;
  overflow: hidden;
}
.gallery-compare .compare-item .goods-price {
  padding-top: 5px;
  float: left;
}
.gallery-compare .compare-item .goods-action {
  float: right;
  padding-top: 5px;
}
.gallery-compare .footer {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.gallery-compare .footer button {
  margin-right: 15px;
}
.gallery-compare .template {
  display: none;
}

.gallery-compare-unfold .fold {
  display: none;
}
.gallery-compare-unfold .unfold {
  display: block;
}

.goods-compare .compare-table {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  width: 100%;
}
.goods-compare td, .goods-compare th {
  border: 1px solid #DDDDDD;
  padding: 0;
}
.goods-compare .none-border {
  border: 0 none;
}
.goods-compare th {
  background-color: #EFEFEF;
  height: 28px;
  white-space: nowrap;
  padding-left: 3px;
  border-width: 1px 0;
}
.goods-compare td {
  line-height: 24px;
  text-align: center;
}
.goods-compare .compare-item {
  float: left;
}
.goods-compare .compare-item td {
  padding-left: 4px;
  padding-right: 4px;
}
.goods-compare .goods-item {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0 none;
}
.goods-compare .goods-name {
  margin-bottom: 0;
  line-height: 18px;
  height: 36px;
}
.goods-compare .goods-pic {
  width: 100px;
  height: 100px;
  line-height: 98px;
  border: 0 none;
  overflow: hidden;
  margin: 0 auto 5px;
  text-align: center;
}
.goods-compare .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods-compare .stars {
  text-align: left;
}
.goods-compare .stars span {
  text-align: left;
}

/*商品列表排序条*/
.sortbar {
  line-height: 34px;
  padding: 5px 10px;
  background: #e8e8e8;
  color: #333;
  border-radius: 3px;
}
.sortbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.sortbar .left {
  float: left;
}
.sortbar .right {
  float: right;
}
.sortbar .right > span {
  margin-left: 20px;
}
.sortbar em {
  color: #d62528;
}
.sortbar .icon, .sortbar [class^=icon-]:before {
  color: #999;
}

.sortbar2 a {
  margin-right: 5px;
}

.itemslist {
  padding: 10px 0;
  margin: 0 -5px;
}
.itemslist:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.itemslist li {
  float: left;
  width: 230px;
  height: 330px;
  margin: 0 5px;
  background: #fff;
  margin-bottom: 12px;
}
.itemslist li .caption {
  padding: 5px 8px;
}
.itemslist.itemslist-lg li {
  width: 270px;
  height: 400px;
  margin: 0 13px 20px;
}
.itemslist.itemslist-lg .item .name {
  height: 54px;
}
.itemslist.itemslist-lg .item .pic {
  width: 250px;
  height: 290px;
  line-height: 288px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.itemslist.itemslist-lg .item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.item .pic {
  width: auto;
  height: 230px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.item .pic img {
  max-width: 100%;
  _width: expression(function(el){if(/msie 6/i.test(navigator.userAgent)){var threshold=100*el.parentNode.clientWidth/100;el.style.width=(threshold==0||el.clientWidth>threshold)?threshold||'100%':'auto';}}(this));
  max-height: 230px;
  _height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>230)?'230px':'auto';}(this));
}
.item .pic .cart-mask {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}
.item .pic .cart-mask:hover {
  background-color: #1357aa;
}
.item .pic:hover .cart-mask {
  bottom: 0px;
}
.item .name {
  display: block;
  height: 36px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 6px;
  padding: 0 5px;
}
.item .name .item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.item .price {
  margin-bottom: 5px;
  font-size: 18px;
  font-family: helvetica;
  padding: 0 5px;
}

.itemslist2 {
  padding: 10px 0;
}
.itemslist2:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.itemslist2 li {
  float: left;
  width: 220px;
  height: 360px;
  margin: 0 9px;
}
.itemslist2.itemslist-lg li {
  width: 270px;
  height: 400px;
  margin: 0 13px;
}
.itemslist2.itemslist-lg .item .name {
  height: 54px;
}
.itemslist2.itemslist-lg .item .pic {
  width: 250px;
  height: 290px;
  line-height: 288px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.itemslist2.itemslist-lg .item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.item2 .pic {
  width: 220px;
  height: 220px;
  line-height: 218px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  margin-bottom: 5px;
}
.item2 .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.item2 .pic img {
  width: auto;
  height: auto;
}
.item2 .name {
  display: block;
  height: 54px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #333;
}
.item2 .price {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  font-family: verdana;
  text-align: center;
}
.item2 .evaluate-wrap {
  text-align: center;
}
.item2 .evaluate {
  color: #999;
}

.promotion-detail .itemslist2 {
  background: #fff;
}
.promotion-detail .evaluate-wrap {
  padding-bottom: 10px;
}
.promotion-detail .pic {
  width: 216px;
  border: 2px solid #f3f3f3;
}

.filter .filter-title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
.filter .filter-list {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0 0 3px 3px;
}
.filter .filter-attr {
  border-top: 1px dotted #e8e8e8;
  background: #f5f8f8;
}
.filter .filter-attr:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.filter .filter-attr .filter-attr-title {
  float: left;
  color: #666;
  line-height: 30px;
  margin-right: 20px;
  padding: 10px 15px;
  background: #f5f8f8;
  width: 6%;
}
.filter .filter-attr .filter-attr-list {
  position: relative;
  float: left;
  width: 80%;
  padding: 10px 106px 10px 10px;
  background: #fff;
}
.filter .filter-attr .filter-attr-list span {
  display: none;
}
.filter .filter-attr .filter-attr-list.is-expand span {
  display: inline;
}
.filter .filter-attr .more-btn {
  position: absolute;
  top: 10px;
  right: 20px;
}
.filter .filter-attr:first-child {
  border-top: none;
}
.filter .filter-attr.filter-attr-expand {
  display: none;
}
.filter .goods-list-filter {
  position: relative;
}
.filter .goods-list-filter.expand-panel .filter-attr-list {
  height: 48px;
  overflow: hidden;
}
.filter .goods-list-filter.expand-panel .expand-btn {
  display: inline-block;
}
.filter .goods-list-filter.expand-panel .unexpand-btn {
  display: none;
}
.filter .goods-list-filter.unexpand-panel .filter-attr-list {
  height: auto;
}
.filter .goods-list-filter.unexpand-panel .expand-btn {
  display: none;
}
.filter .goods-list-filter.unexpand-panel .unexpand-btn {
  display: inline-block !important;
}
.filter a {
  display: inline-block;
  line-height: 30px;
  margin: 0 6px 10px 0;
  padding: 0 5px;
  color: #333;
  white-space: nowrap;
  border-radius: 3px;
}
.filter a .icon, .filter a [class^=icon-]:before {
  display: none;
  margin-left: 5px;
}
.filter a.on .icon, .filter a.on [class^=icon-]:before {
  display: inline-block;
}
.filter .filter-list-more {
  text-align: center;
}
.filter .filter-list-more .btn {
  display: inline-block;
  height: 30px;
  line-height: 24px;
  margin-top: -1px;
  padding: 0 30px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: none;
}

.price-filter {
  margin-left: 20px;
}

/*------ brand ------*/
.brand-info {
  padding: 10px;
  overflow: hidden;
}

.brand-logo {
  width: 120px;
  height: 80px;
  overflow: hidden;
  float: left;
}
.brand-logo img {
  max-width: 120px;
  max-height: 80px;
}

.brand-desc {
  margin-left: 130px;
}
.brand-desc h2 {
  font-size: 14px;
  font-weight: 400;
}
.brand-desc p {
  color: #666666;
  text-indent: 2em;
  margin-bottom: 0;
}

/* stars */
.stars {
  position: relative;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 1px;
  display: inline-block;
}
.stars .below {
  color: #DDDDDD;
  width: 80px;
  display: inline-block;
}
.stars .above {
  position: absolute;
  left: 0;
  color: #E0A902;
  overflow: hidden;
}

.stars-0 .above {
  width: 0;
}

.stars-1 .above {
  width: 2%;
}

.stars-2 .above {
  width: 4%;
}

.stars-3 .above {
  width: 6%;
}

.stars-4 .above {
  width: 8%;
}

.stars-5 .above {
  width: 10%;
}

.stars-6 .above {
  width: 12%;
}

.stars-7 .above {
  width: 14%;
}

.stars-8 .above {
  width: 16%;
}

.stars-9 .above {
  width: 18%;
}

.stars-10 .above {
  width: 20%;
}

.stars-11 .above {
  width: 22%;
}

.stars-12 .above {
  width: 24%;
}

.stars-13 .above {
  width: 26%;
}

.stars-14 .above {
  width: 28%;
}

.stars-15 .above {
  width: 30%;
}

.stars-16 .above {
  width: 32%;
}

.stars-17 .above {
  width: 34%;
}

.stars-18 .above {
  width: 36%;
}

.stars-19 .above {
  width: 38%;
}

.stars-20 .above {
  width: 40%;
}

.stars-21 .above {
  width: 42%;
}

.stars-22 .above {
  width: 44%;
}

.stars-23 .above {
  width: 46%;
}

.stars-24 .above {
  width: 48%;
}

.stars-25 .above {
  width: 50%;
}

.stars-26 .above {
  width: 52%;
}

.stars-27 .above {
  width: 54%;
}

.stars-28 .above {
  width: 56%;
}

.stars-29 .above {
  width: 58%;
}

.stars-30 .above {
  width: 60%;
}

.stars-31 .above {
  width: 62%;
}

.stars-32 .above {
  width: 64%;
}

.stars-33 .above {
  width: 66%;
}

.stars-34 .above {
  width: 68%;
}

.stars-35 .above {
  width: 70%;
}

.stars-36 .above {
  width: 72%;
}

.stars-37 .above {
  width: 74%;
}

.stars-38 .above {
  width: 76%;
}

.stars-39 .above {
  width: 78%;
}

.stars-40 .above {
  width: 80%;
}

.stars-41 .above {
  width: 82%;
}

.stars-42 .above {
  width: 84%;
}

.stars-43 .above {
  width: 86%;
}

.stars-44 .above {
  width: 88%;
}

.stars-45 .above {
  width: 90%;
}

.stars-46 .above {
  width: 92%;
}

.stars-47 .above {
  width: 94%;
}

.stars-48 .above {
  width: 96%;
}

.stars-49 .above {
  width: 98%;
}

.stars-50 .above {
  width: 100%;
}

/*------ product detail ------*/
.product-container {
  width: 100%;
  table-layout: fixed;
}

.product-titles {
  padding-bottom: 10px;
  line-height: 1.8;
  text-align: left;
}
.product-titles h2 {
  font-size: 1.5em;
}
.product-titles p {
  color: #FE2000;
}

.product-side {
  width: 452px;
  float: left;
}

.product-main {
  margin-left: 470px;
}

.product-album .loading {
  position: absolute;
  text-align: center;
  z-index: 2;
  background-color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 5px;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}
.product-album .loading img {
  vertical-align: middle;
}

.product-album-preview {
  position: relative;
  border: 1px solid #DDDDDD;
}

.product-album-pic {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 450px;
  height: 450px;
  line-height: 448px;
  overflow: hidden;
  text-align: center;
}
.product-album-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.album-preview-container {
  position: relative;
  display: inline-block;
  line-height: 100%;
}

.album-zooms-handle {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  overflow: hidden;
  background-color: #B3D5FF;
  opacity: 0.5;
  filter: alpha(opacity=50);
  line-height: 1;
  cursor: move;
}

.album-zooms-container {
  position: absolute;
  border: 1px solid #CCCCCC;
  z-index: 10000;
  visibility: hidden;
  overflow: hidden;
  background-color: #FFFFFF;
}
.album-zooms-container img {
  display: block;
  position: relative;
}

.album-big-image, .album-mid-image {
  position: absolute;
  left: -10000px;
  top: -10000px;
}

.product-album-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
  background-color: #F6F6F6;
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.product-album-zoom a {
  color: #666666;
  font-size: 21px;
  line-height: 24px;
}
.product-album-zoom img {
  display: block;
}

.product-album-thumb {
  margin-top: 10px;
  width: 100%;
  position: relative;
  clear: left;
}
.product-album-thumb .flip {
  position: absolute;
  top: 0;
  margin-top: 5px;
  width: 16px;
  background-color: #EEEEEE;
  height: 64px;
  line-height: 64px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.product-album-thumb .flip a {
  color: #666666;
  font-size: 18px;
  margin-left: -1px;
}
.product-album-thumb .flip a:hover {
  text-decoration: none;
}
.product-album-thumb .prev {
  left: 0;
}
.product-album-thumb .next {
  right: 0;
}
.product-album-thumb .over {
  background-color: #F6F6F6;
}
.product-album-thumb .over a {
  color: #CCCCCC;
  cursor: default;
}
.product-album-thumb .thumbnail-list {
  margin: 0 16px;
  padding-top: 5px;
  overflow: hidden;
  width: 420px;
  height: 64px;
  *position: relative;
}
.product-album-thumb .thumbnail-list li {
  padding: 1px;
  margin: 0 4px;
  float: left;
}
.product-album-thumb .thumbnail-list .thumbnail {
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  text-align: center;
}
.product-album-thumb .thumbnail-list .thumbnail img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.product-album-thumb .thumbnail-list .active {
  position: relative;
  padding: 0;
}
.product-album-thumb .thumbnail-list .active .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
}
.product-album-thumb .thumbnail-list .active .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent;
}
.product-album-thumb .thumbnail-list .active .arrow-top {
  left: 28.5px;
  top: -10px;
}
.product-album-thumb .thumbnail-list .active .arrow-top i {
  border-bottom-style: solid;
}
.product-album-thumb .thumbnail-list .active .arrow-top .below {
  border-bottom-color: #FF6600;
  top: 0;
}
.product-album-thumb .thumbnail-list .active .arrow-top .above {
  border-bottom-color: #FFFFFF;
  top: 0;
  left: 0;
}
.product-album-thumb .thumbnail-list .active .thumbnail {
  border: 2px solid #FF6600;
}

.product-information {
  line-height: 2;
  float: left;
  width: 100%;
}
.product-information .label {
  float: left;
  width: 5em;
}
.product-information .detail {
  display: block;
  margin-left: 5em;
  height: 24px;
}
.product-information .detail .minor {
  color: #888888;
}
.product-information .price ins {
  font-size: 166.66667%;
  line-height: 1.2;
  text-decoration: none;
}
.product-information .info-disabled {
  background-color: #EFEFEF;
  color: #999999;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  padding: 15px;
}
.product-information .pop-wrapper {
  position: relative;
}
.product-information .pop-body {
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
}
.product-information .pop-body li {
  white-space: nowrap;
}
.product-information .label-alert {
  line-height: 20px;
}

.product-concerns {
  position: relative;
  border-bottom: 1px dotted #DDDDDD;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.product-concerns ul,
.product-concerns .item {
  *zoom: 1;
}
.product-concerns li {
  clear: both;
}
.product-concerns .more {
  margin-left: 10px;
}
.product-concerns .more .icon, .product-concerns .more [class^=icon-]:before {
  margin-left: 5px;
  background-color: #CCCCCC;
  color: #F9F9F9;
  width: 14px;
  height: 14px;
}
.product-concerns .pop-body {
  left: 0;
  top: 14px;
  padding: 5px 10px;
  min-width: 114px;
}

.product-buy {
  background-color: #FFFDF4;
  border: 1px solid #ffe6ca;
  padding: 10px 15px;
  margin-top: 10px;
}
.product-buy .item-label {
  float: left;
  width: 6em;
  margin-right: 0.3em;
  text-align: right;
}
.product-buy .item-content {
  display: block;
  margin-left: 6.3em;
}
.product-buy .icon-qrcode {
  color: #999999;
  font-size: 133.33333%;
}
.product-buy .pop-wrapper .action-handle {
  margin-right: 0;
  padding: 3px 5px;
  border: 1px solid #FFFFFF;
  border-top-width: 0;
}
.product-buy .pop-wrapper .active {
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
}
.product-buy .pop-wrapper .pop-body {
  left: 0;
  bottom: 16px;
  padding: 1px;
}
.product-buy .pop-wrapper .pop-body img {
  display: block;
}

.spec-item {
  margin-bottom: 6px;
  overflow: hidden;
  *zoom: 1;
}
.spec-item .spec-attr {
  float: left;
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  margin-right: 6px;
  margin-bottom: 4px;
}
.spec-item .spec-attr a {
  display: block;
  border: 1px solid #FFFFFF;
  color: #111111;
  line-height: 20px;
}
.spec-item .spec-attr a:hover {
  border-color: #CCCCCC;
}
.spec-item .spec-attr span {
  padding: 0 6px;
  *zoom: 1;
}
.spec-item .spec-attr img {
  display: block;
  width: 30px;
  height: 30px;
}
.spec-item .selected {
  border: 0 none;
}
.spec-item .selected a {
  border: 2px solid #EA2329;
  position: relative;
}
.spec-item .selected a:hover {
  border-color: #EA2329;
}
.spec-item .locked {
  border-style: dashed;
  border-color: #999999;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.product-buy-quantity {
  margin-bottom: 20px;
  *zoom: 1;
}
.product-buy-quantity .p-quantity {
  display: inline-block;
  width: 74px;
  overflow: hidden;
  vertical-align: middle;
}
.product-buy-quantity .p-quantity a {
  display: inline-block;
  width: 20px;
  height: 21px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #a9a9a9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.product-buy-quantity .p-quantity input {
  width: 30px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border-width: 1px 0;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: center;
}
.product-buy-quantity .p-store {
  padding: 0 10px;
  background-color: #DDDDDD;
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}

.product-buy-action {
  word-break: break-all;
  word-wrap: break-word;
}
.product-buy-action .btn {
  margin-right: 15px;
}
.product-buy-action .icon, .product-buy-action [class^=icon-]:before {
  vertical-align: middle;
}

.product-notify {
  padding: 20px;
  color: #333333;
}
.product-notify .desc {
  margin-bottom: 2em;
}

.detail-content img {
  max-width: 100%;
}

.product-tags {
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC;
}
.product-tags .tags-hd {
  font-size: 14px;
  font-weight: 400;
  float: left;
  border: 1px solid #CCCCCC;
  border-bottom: 0 none;
  background-color: #EFEFEF;
  margin-right: 5px;
}
.product-tags .tags-hd a {
  color: #333333;
  border: 1px solid #FFFFFF;
  display: block;
  padding: 2px 15px;
}
.product-tags .active {
  border-top: 2px solid #EA2329;
  background-color: #FFFFFF;
  margin-bottom: -1px;
  font-weight: 700;
  *position: relative;
}

.product-section {
  overflow: hidden;
}
.product-section.loading,
.product-section .loading {
  background: url(../images/loading.gif) no-repeat center center;
  height: 30px;
  border: 0 none;
}
.product-section .tags-hd {
  display: none;
}

.product-attributes {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}
.product-attributes ul {
  border: 1px solid #FFFFFF;
  padding: 10px 15px;
}
.product-attributes li {
  float: left;
  width: 33.3%;
  line-height: 26px;
}

.product-parameters table {
  width: 100%;
}
.product-parameters .section-hd {
  background-color: #EFEFEF;
  text-align: left;
  border: 1px solid #DDDDDD;
  height: 36px;
  padding-left: 8px;
  font-size: 14px;
}
.product-parameters td {
  border: 1px solid #DDDDDD;
  line-height: 2;
  padding: 3px 10px;
}
.product-parameters .item-ttl {
  font-weight: 700;
  text-align: right;
  width: 16%;
  white-space: nowrap;
}

.product-score {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  line-height: 24px;
}
.product-score td {
  padding: 15px 20px;
}

.score-total .label {
  font-weight: 700;
  padding-right: 6px;
  float: left;
}
.score-total .values {
  float: left;
}
.score-total .score {
  color: #E0A902;
  font-size: 14px;
}
.score-total .total {
  display: block;
}
.score-total .total-count {
  color: #E0A902;
}

.scores-list .label {
  padding-right: 2px;
  width: 56px;
  text-align: right;
  display: inline-block;
}
.scores-list .score {
  color: #E0A902;
  font-size: 14px;
}
.scores-list .rating {
  color: #DDDDDD;
  cursor: pointer;
}
.scores-list .active,
.scores-list .stars-1 .star-1,
.scores-list .stars-2 .star-1, .scores-list .stars-2 .star-2,
.scores-list .stars-3 .star-1, .scores-list .stars-3 .star-2, .scores-list .stars-3 .star-3,
.scores-list .stars-4 .star-1, .scores-list .stars-4 .star-2, .scores-list .stars-4 .star-3, .scores-list .stars-4 .star-4,
.scores-list .stars-5 .star-1, .scores-list .stars-5 .star-2, .scores-list .stars-5 .star-3, .scores-list .stars-5 .star-4, .scores-list .stars-5 .star-5 {
  color: #E0A902;
}

.product-score .desc i {
  color: #666666;
}

.comment-list {
  padding: 10px 10px 10px 20px;
  line-height: 24px;
}
.comment-list .title i {
  color: #EA2329;
}
.comment-list .title a {
  text-decoration: underline;
}
.comment-list .title-aside {
  text-align: right;
}
.comment-list .content {
  margin-top: 10px;
}
.comment-list .comment-item {
  margin: 5px 0;
  overflow: hidden;
  *zoom: 1;
}
.comment-list .comment-item .stars {
  float: left;
}
.comment-list .comment-item .time {
  float: right;
}
.comment-list .member {
  width: 80px;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.comment-list .member-avatar {
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.comment-list .member-avatar img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.comment-list .member-discuss {
  position: relative;
  margin-left: 100px;
  padding: 10px;
  background-color: #F6F6F6;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.comment-list .point {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
}
.comment-list .point i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 15px dashed transparent;
}
.comment-list .point-left {
  top: 20px;
  left: -30px;
}
.comment-list .point-left i {
  border-right-style: solid;
}
.comment-list .point-left .below {
  border-right-color: #CCCCCC;
  left: -1px;
}
.comment-list .point-left .above {
  border-right-color: #F6F6F6;
  left: 0px;
  top: 0;
}
.comment-list .discuss-label {
  overflow: hidden;
  padding-bottom: 5px;
}
.comment-list .discuss-content {
  clear: right;
  padding: 8px;
  border-bottom: 1px dotted #CCCCCC;
  border-top: 1px dotted #CCCCCC;
}
.comment-list .btn-close {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.reply-list {
  padding: 5px 5px 0 5px;
}

.reply-action i {
  color: #888888;
  float: left;
}
.reply-action .inter-handle {
  float: right;
}
.reply-action .inter-handle em {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 16px;
  padding-bottom: 8px;
}
.reply-action.active-handle em {
  display: block;
}
.reply-action .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 16px;
  height: 16px;
}
.reply-action .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px dashed transparent;
}
.reply-action .arrow-top {
  left: 0;
  bottom: 0;
}
.reply-action .arrow-top i {
  border-bottom-style: solid;
}
.reply-action .arrow-top .above {
  border-bottom-color: #FFFFFF;
  top: 0;
  left: 0;
}

.post-reply {
  padding: 10px;
  background-color: #FFFFFF;
}
.post-reply .btn-close {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.reply-item {
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin-top: 8px;
  padding: 10px 35px;
  position: relative;
}
.reply-item .infos {
  float: left;
}
.reply-item .time {
  float: right;
}
.reply-item .lquote {
  color: #DDDDDD;
  font-size: 133.33333%;
  position: absolute;
  left: 5px;
  top: 2px;
}
.reply-item .rquote {
  color: #DDDDDD;
  font-size: 133.33333%;
  position: absolute;
  right: 5px;
  bottom: 2px;
}

.reply-label {
  overflow: hidden;
}

.reply-content {
  margin-top: 5px;
}

.reply-admin .infos em, .reply-admin .reply-content {
  color: #EB5800;
}

.post-comment {
  line-height: 24px;
}
.post-comment .mod-title i {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.post-comment .mod-content {
  padding: 20px;
}
.post-comment .word-count {
  float: right;
  color: #666666;
  font-size: 11px;
  margin-right: 5px;
  line-height: 25px;
}
.post-comment .btn-discuss {
  margin: 0 5px;
}
.post-comment .not-login {
  color: #888888;
}
.post-comment .sub-label {
  color: #666666;
}
.post-comment .sub-label-side {
  width: 180px;
  float: right;
  color: #666666;
}

.product-consult {
  line-height: 24px;
}

.consult-title {
  padding: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.consult-title em {
  margin-left: 15px;
}

.consult-content {
  padding: 10px 20px;
}
.consult-content .no-message {
  margin-top: 20px;
}
.consult-content .title i {
  color: #EA2329;
}
.consult-content .title a {
  text-decoration: underline;
}
.consult-content .title-aside {
  text-align: right;
}
.consult-content .tabs {
  margin-top: 10px;
}
.consult-content .tabs li {
  float: left;
  margin-right: 5px;
}
.consult-content .tabs a {
  display: block;
  padding: 0 10px;
}
.consult-content .tabs li.active a,
.consult-content .tabs a:hover {
  background-color: #a4a4a4;
  color: #FFFFFF;
}

.consult-item {
  background-color: #F6F6F6;
  border: 1px solid #DDDDDD;
  padding: 10px 12px;
  margin-top: 10px;
}
.consult-item .icon-question {
  color: #037dbf;
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  float: left;
  margin-top: 8px;
}
.consult-item .icon-answer {
  color: #EA2329;
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  float: left;
  margin-top: 8px;
}
.consult-item .question-content,
.consult-item .answer-action,
.consult-item .answer-item,
.consult-item .post-answer {
  margin-left: 26px;
}

.question-content .desc {
  display: block;
}
.question-content .name {
  float: left;
  color: #666666;
}
.question-content .time {
  float: right;
  color: #999999;
}

/*new*/
.thumbnail-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.thumbnail-slider .prev, .thumbnail-slider .next {
  float: left;
  display: block;
  width: 15px;
  height: 50px;
  line-height: 50px;
  margin-top: 2px;
  background: #fff;
  color: #666;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.thumbnail-slider .switchable-content {
  width: 363px;
  height: 363px;
  margin-bottom: 5px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.thumbnail-slider .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.thumbnail-slider .switchable-content li {
  width: 363px;
  height: 363px;
  line-height: 361px;
  overflow: hidden;
  text-align: center;
}
.thumbnail-slider .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.thumbnail-slider .switchable-nav-wrap {
  float: left;
  width: 320px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
  height: 55px;
}
.thumbnail-slider .switchable-nav {
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}
.thumbnail-slider .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.thumbnail-slider .switchable-nav li {
  float: left;
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.thumbnail-slider .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.thumbnail-slider .switchable-nav li.active {
  border: 2px solid #dd2434;
}

.detail-panel {
  min-height: 422px;
  background: #fff;
  color: #666;
}
.detail-panel .detail-panel-hd {
  padding: 25px 20px 10px 0;
}
.detail-panel .detail-panel-hd h1 {
  font-size: 16px;
  font-weight: bold;
}
.detail-panel .detail-panel-hd div {
  max-height: 70px;
  overflow: hidden;
}
.detail-panel .detail-panel-hd .item-describe-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.detail-panel .detail-panel-bd {
  position: relative;
}
.detail-panel .detail-panel-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .detail-panel-info {
  float: left;
  width: 72%;
}
.detail-panel .dt {
  width: 75px;
  margin-right: 10px;
  font-size: 14px;
}
.detail-panel .dt em {
  color: #dd2434;
}
.detail-panel .dt {
  float: left;
}
.detail-panel .summary-outbox {
  background: #fafafa;
  padding-top: 20px;
  padding-bottom: 20px;
}
.detail-panel .summary-outbox:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .summary {
  display: block;
  padding: 5px 0;
  margin: 0 20px;
  font-size: 14px;
}
.detail-panel .summary > li {
  margin-top: 15px;
}
.detail-panel .summary > li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .summary > li:first-child {
  margin-top: 0;
}
.detail-panel .summary em {
  color: #dd2434;
}
.detail-panel .summary .dt {
  width: 70px;
}
.detail-panel .price {
  font: 35px/30px Tahoma;
  color: #dd2434;
}
.detail-panel .icon-star {
  color: #FF8500;
  font-size: 22px;
}
.detail-panel .icon-star.disabled {
  color: #DEDEDE;
}

.pro-like {
  text-align: center;
  margin-top: 20px;
}

.favorite-btn {
  color: #999;
}
.favorite-btn .icon, .favorite-btn [class^=icon-]:before {
  margin-right: 5px;
  margin-top: -2px;
  color: #999;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
}
.favorite-btn.on .icon, .favorite-btn.on [class^=icon-]:before {
  color: #ffb904;
}

.pro-share {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
}

.disable-tag {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #a1a1a1;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.disable-tag-sm {
  display: inline-block;
  padding: 0 10px;
  background: #ccc;
  border: 1px solid #a1a1a1;
  color: #666;
  text-align: center;
}

.favorite-hint {
  margin: 40px 0;
}
.favorite-hint:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.favorite-hint .icon, .favorite-hint [class^=icon-]:before {
  float: left;
  margin: -4px 20px 0 0;
  font-size: 60px;
}
.favorite-hint .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.favorite-hint button {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  border: 0 none;
  padding: 0;
  height: 20px;
  width: 20px;
  overflow: hidden;
  background-color: transparent;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #999999;
  margin: -4px 2px 0 0;
}
.favorite-hint .favorite-text {
  float: left;
}
.favorite-hint.already .icon, .favorite-hint.already [class^=icon-]:before {
  color: orange;
}
.favorite-hint.already .title {
  color: #666;
}
.favorite-hint.successed .icon, .favorite-hint.successed [class^=icon-]:before, .favorite-hint.successed .title {
  color: #8AB660;
}

.number input {
  width: 40px;
  font-size: 14px;
  text-align: center;
}
.number ::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.number .btn {
  margin-right: 0;
}
.number .btn span {
  line-height: 1.2;
  padding-left: 5px;
}
.number .btn span span {
  padding-left: 0;
  padding-right: 5px;
}
.number .number-stockout {
  display: none;
}
.number.is-stockout .number-stockout {
  display: block;
  width: 95px;
  margin-top: 5px;
  line-height: 1;
  color: #e22335;
  text-align: center;
}
.number.is-stockout .number-increase-decrease .btn {
  color: #e22335;
}
.number.is-stockout .number-increase-decrease .btn span {
  border-color: #e22335;
}
.number.is-stockout .number-increase-decrease input {
  border-color: #e22335;
}

.side-box .hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #666;
  font-size: 14px;
}
.side-box .bd {
  padding: 10px;
  background: #fff;
}
.side-box a {
  color: #666;
}
.side-box .link {
  display: block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.side-box .goods2 {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.side-box .goods2 .price {
  text-align: center;
}
.side-box .goods2:first-child {
  border-top: none;
}
.side-box .searchbar-small {
  width: 100%;
}

.searchbar-small {
  position: relative;
  width: 170px;
}
.searchbar-small [class|=icon] {
  color: #333333;
}

.goods-info .evaluation {
  padding-top: 29px;
  position: relative;
}
.goods-info .evaluation .evaluation-nav {
  position: absolute;
  left: 0;
  margin-top: -29px;
  z-index: 99;
}
.goods-info .evaluation .evaluation-nav li {
  float: left;
  width: 130px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #f0f0f0;
  border-top-width: 2px;
  background-color: #f0f0f0;
  border-bottom: 0 none;
  margin-right: 3px;
  padding-top: 1px;
  cursor: pointer;
}
.goods-info .evaluation .evaluation-nav li.active {
  background-color: #fff;
  border-top-color: #e22335;
  color: #e22335;
  cursor: default;
  height: 28px;
}
.goods-info .evaluation .evaluation-condition {
  position: absolute;
  right: 0;
  top: 0;
}
.goods-info .evaluation .evaluation-content {
  position: relative;
  padding: 20px;
  border: 1px solid #f0f0f0;
}
.goods-info .evaluation .checkbox-inline, .goods-info .evaluation .input-sm, .goods-info .evaluation .input-comb-sm input, .input-comb-sm .goods-info .evaluation input, .goods-info .evaluation .input-comb-sm > .input-comb-addon {
  margin-right: 10px;
}
.goods-info .evaluation .del-color {
  color: #e32436;
}
.goods-info .hd {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  margin: 0 20px;
  background: #e8e8e8;
  font-size: 14px;
}
.goods-info .bd {
  padding: 10px;
  line-height: 2;
}
.goods-info .bd .item-table {
  border: none;
}
.goods-info .bd .item-table tr {
  border-top: 1px solid #ddd;
}
.goods-info .bd .item-table tr:first-child {
  border: none;
}
.goods-info .bd .item-table td {
  vertical-align: top;
}
.goods-info .bd .item-table .user-name {
  display: inline-block;
  width: 70px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 15px;
}
.goods-info .bd .item-table .detail {
  width: 70%;
}
.goods-info .bd .item-table .add-comment {
  width: 70%;
  margin-left: 24%;
}
.goods-info .bd .item-table .show-pics:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-info .bd .item-table .show-pics a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  margin-right: 3px;
  width: 40px;
  text-align: center;
}
.goods-info .bd .item-table .show-pics a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.goods-info .bd .item-table .show-pics a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.goods-info .bd .item-table .feedback {
  background: #f4f4f4;
  border-radius: 6px;
  margin-top: 10px;
  color: #999;
}
.goods-info .bd .item-table .feedback .feedback-tit {
  padding: 10px;
}
.goods-info .bd .item-table .feedback .feedback-txt {
  padding: 0 20px 10px 20px;
}
.goods-info .bd .item-table .feedback .feedback-txt p {
  word-break: break-all;
}
.goods-info img {
  max-width: 100%;
}

.tab1 {
  position: relative;
}
.tab1 .switchable-nav {
  background: #e8e8e8;
}
.tab1 .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.tab1 .switchable-nav li {
  float: left;
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.tab1 .switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dd2434;
  color: #dd2434;
  cursor: default;
}
.tab1 .switchable-nav li span {
  color: #0563c3;
}
.tab1 .switchable-content {
  background: #fff;
}

.white-space {
  padding-top: 20px;
  background-color: #fff;
}

.gray-space {
  padding-top: 10px;
}

.detailinfo-list {
  padding: 0 20px 10px 20px;
}
.detailinfo-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detailinfo-list li {
  float: left;
  width: 33%;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-table .tdTitle {
  background: none repeat scroll 0 0 #F5FAFE;
  text-align: right;
  width: 110px;
}
.detail-table th {
  background: #EEF7FE;
  text-align: right;
  padding: 5px;
}
.detail-table th.tdTitle {
  text-align: center;
}
.detail-table td {
  padding: 2px 5px;
}
.detail-table th, .detail-table td {
  border: 1px solid #ccc;
}

.goods-grade {
  margin-bottom: 20px;
  padding: 10px;
}
.goods-grade:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-grade .goods-grade-title {
  float: left;
  border-right: 1px solid #ccc;
  margin-right: 50px;
  margin-left: 30px;
  padding-right: 50px;
  font-size: 14px;
  text-align: center;
}
.goods-grade .goods-grade-title span {
  display: block;
  font-size: 50px;
  color: #e32233;
}
.goods-grade .goods-grade-score {
  float: left;
  margin-right: 90px;
  font-size: 14px;
}
.goods-grade .goods-grade-score em {
  color: #dd2434;
}
.goods-grade .goods-grade-score div {
  margin-bottom: 5px;
}
.goods-grade .goods-grade-score .level-name {
  display: inline-block;
  vertical-align: middle;
}
.goods-grade .goods-grade-score .score-parent {
  display: inline-block;
  vertical-align: middle;
  width: 500px;
  height: 12px;
}
.goods-grade .goods-grade-score .score-parent .score-progress {
  background-image: -webkit-linear-gradient(left, #fee969, #fd9a01);
  background-image: -moz-linear-gradient(left, #fee969, #fd9a01);
  background-image: linear-gradient(to right, #fee969, #fd9a01);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FFFEE969', endColorstr='#FFFD9A01', GradientType=1) \9;
  height: 12px;
  position: relative;
}
.goods-grade .goods-grade-score .score-parent .score-progress .score-num {
  position: absolute;
  color: #888;
  width: 100px;
  top: -2px;
  right: -110px;
  font-size: 12px;
}
.goods-grade .goods-grade-graph {
  float: left;
  position: relative;
  padding-top: 30px;
}
.goods-grade .goods-grade-graph span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 0 5px;
  background: #dd2434;
  color: #fff;
}
.goods-grade .goods-grade-graph span i {
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 9;
  margin-left: -4px;
  color: #dd2434;
}
.goods-grade .goods-grade-bar {
  position: relative;
}
.goods-grade .goods-grade-bar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-grade .goods-grade-bar .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 420px;
  height: 16px;
  background: #dd2434;
  background: -moz-linear-gradient(left, #fff, #dd2434);
  background: -webkit-linear-gradient(left, #fff, #dd2434);
  background: -ms-linear-gradient(left, #fff, #dd2434);
}
.goods-grade .goods-grade-bar .txt {
  position: relative;
  z-index: 2;
  float: left;
  width: 85px;
  text-align: center;
}

.goods-comments {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}
.goods-comments:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-comments .col1 {
  float: left;
  width: 640px;
  margin-right: 30px;
}
.goods-comments .col2 {
  float: left;
  width: 170px;
  margin-right: 30px;
}
.goods-comments .col3 {
  float: left;
  width: 70px;
}
.goods-comments span {
  color: #999;
}
.goods-comments:first-child {
  border-top: none;
}

.goods-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 544px;
  margin: -320px 0 0 -445px;
  z-index: 109;
}
.goods-dialog .popup-body {
  position: relative;
}
.goods-dialog .popup-header {
  background-color: #fff;
}
.goods-dialog .popup-content {
  padding-top: 0;
  overflow: auto;
  max-height: 440px;
}
.goods-dialog .goods-item {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.goods-dialog .item-left, .goods-dialog .item-info, .goods-dialog .dt, .goods-dialog .dd {
  float: left;
}
.goods-dialog .item-left {
  width: 90px;
  height: 90px;
  margin-right: 20px;
}
.goods-dialog .item-left img {
  max-width: 90px;
  max-height: 90px;
}
.goods-dialog .item-info {
  width: 80%;
}
.goods-dialog .item-info .dt {
  width: 75px;
  text-align: right;
  margin-right: 10px;
  font-size: 14px;
}
.goods-dialog .item-info li {
  height: 40px;
  line-height: 40px;
  clear: both;
}
.goods-dialog .item-info .goods-name {
  display: inline-block;
  float: left;
  font-weight: bold;
  text-align: left;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.goods-dialog .choose-item-wrap {
  width: 80%;
}
.goods-dialog .choose-item {
  position: relative;
  min-width: 27px;
  height: 27px;
  float: left;
  margin-right: 5px;
}
.goods-dialog .choose-item a {
  display: block;
  border: 1px solid #dadada;
  color: #666;
}
.goods-dialog .choose-item span {
  display: none;
}
.goods-dialog .choose-item.on a {
  border: 2px solid #ca1119;
  padding: 0 19px;
}
.goods-dialog .choose-item.on span {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
}
.goods-dialog .choose-item.on span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 18px solid #ca1119;
  border-right: 18px solid  transparent;
}
.goods-dialog .choose-item.on i {
  position: absolute;
  top: -21px;
  left: 2px;
  color: #fff;
  font-size: 7px;
}
.goods-dialog .del {
  text-decoration: line-through;
}
.goods-dialog .popup-footer {
  position: relative;
  padding: 10px 15px;
  background-color: #efefef;
}
.goods-dialog .popup-footer li {
  float: left;
  margin-right: 40px;
  height: 25px;
  line-height: 25px;
}
.goods-dialog .popup-footer .coupon-price {
  font-size: 16px;
  font-weight: bold;
}
.goods-dialog .popup-footer .number {
  float: left;
}
.goods-dialog .popup-footer .number .action-quantity-input {
  height: 20px;
  line-height: 20px;
}
.goods-dialog .popup-footer .btn-buy {
  position: absolute;
  right: 0;
  top: 0;
  height: 46px;
  line-height: 46px;
  padding: 0 40px;
  color: #fff;
  background-color: #ca1119;
  text-align: center;
  font-size: 14px;
}

/*遮罩层*/
.full-bg {
  background-color: #000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 108;
  filter: Alpha(opacity=30);
  -moz-opacity: 0.4;
  opacity: 0.4;
  overflow: hidden;
}

.full-bg-show {
  display: block;
}

/* 获取优惠券 */
.get-coupon-success {
  margin-left: 50px;
}
.get-coupon-success:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.coupon-info {
  padding: 20px 50px 40px 50px;
}
.coupon-info .coupon {
  float: left;
  margin-top: 57px;
}
.coupon-info .coupon-detail {
  margin-left: 350px;
}
.coupon-info .coupon-detail h1 {
  color: #e22335;
  font-weight: normal;
  margin-bottom: 10px;
}
.coupon-info .coupon-detail .coupon-rule {
  font-size: 14px;
  color: #666;
  border-bottom: 1px dashed #dadada;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.coupon-info .coupon-detail .coupon-rule dt {
  float: left;
  width: 100px;
}
.coupon-info .coupon-detail .coupon-rule dd {
  margin-left: 100px;
}
.coupon-info .coupon-detail .coupon-explain {
  background-color: #e6e6e6;
  padding: 10px;
  color: #9a9a9a;
  margin-bottom: 20px;
}

.discount {
  display: block;
  background-color: #f2f2f2;
  position: relative;
  float: inherit !important;
  margin-left: 85px;
  padding: 8px;
}
.discount .discount-in {
  max-height: 78px;
  background: #f2f2f2;
  overflow: hidden;
}
.discount .discount-in .label {
  font-size: 12px;
  padding-bottom: .2em;
}
.discount .discount-in .discount-gift {
  width: 36px;
  height: 36px;
  background-color: #FFF;
  display: inline-block;
  border: 1px solid #cecece;
  vertical-align: middle;
}
.discount .discount-in .discount-gift img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.discount .discount-in .discount-txt {
  display: inline-block;
  vertical-align: middle;
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.discount .discount-in .discount-tips {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
}
.discount .discount-in .discount-tips i {
  font-size: 14px;
  padding: 0 2px;
  border: 1px solid #dadada;
  color: #9e9e9e;
}
.discount:hover {
  height: 78px;
}
.discount:hover .discount-in {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  max-height: inherit;
  z-index: 99;
}
.discount:hover .discount-in ul {
  padding: 8px;
}

.discount-group:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.discount-group .group-list {
  float: left;
  position: relative;
  width: 750px;
  height: 151px;
  overflow: hidden;
  margin: 0 20px 20px 20px;
}
.discount-group .group-list .group-list-wrap {
  position: absolute;
  width: 2000px;
  padding-bottom: 20px;
}
.discount-group .group-list .group-list-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.discount-group .group-list .group-list-wrap li {
  float: left;
  position: relative;
  width: 112px;
  margin-right: 38px;
}
.discount-group .group-list .group-list-wrap li a {
  display: block;
  line-height: 1.2;
}
.discount-group .group-list .group-list-wrap li .thumbnail {
  width: 112px;
  height: 112px;
  text-align: center;
  margin-bottom: 10px;
}
.discount-group .group-list .group-list-wrap li .thumbnail img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 3px;
}
.discount-group .group-list .group-list-wrap li .pro-title {
  height: 29px;
  overflow: hidden;
}
.discount-group .group-list .group-list-wrap li:after {
  position: absolute;
  top: 40px;
  right: -30px;
  font-family: "iconfonts";
  content: "\2801";
  font-size: 24px;
  color: #ccc;
}
.discount-group .group-list .group-list-wrap li:last-child:after {
  display: none;
}
.discount-group .group-info {
  float: left;
  position: relative;
  margin-left: 38px;
  color: #656565;
}
.discount-group .group-info .group-name {
  font-size: 24px;
}
.discount-group .group-info .group-price span {
  font-size: 18px;
  color: #e12232;
}
.discount-group .group-info .old-price {
  text-decoration: line-through;
}
.discount-group .group-info .get-group {
  margin-top: 10px;
}
.discount-group .group-info:after {
  position: absolute;
  top: 20px;
  left: -50px;
  font-family: Arial;
  content: "＝";
  font-size: 50px;
  color: #ccc;
}
.discount-group .scrollBtn {
  float: left;
  display: table;
  height: 120px;
  margin-right: 30px;
}
.discount-group .scrollBtn > div {
  display: table-cell;
  vertical-align: middle;
}
.discount-group .scrollBtn .icon, .discount-group .scrollBtn [class^=icon-]:before {
  display: block;
  border: 1px solid #dadada;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 26px;
  color: #ccc;
  width: 30px;
}
.discount-group .scrollBtn .icon.disabled, .discount-group .scrollBtn .disabled[class^=icon-]:before {
  border: 1px solid #f5f5f5;
  color: #f5f5f5;
}

.empty {
  margin: 160px 0 360px 100px;
}
.empty:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.empty .empty-left {
  float: left;
  margin-right: 50px;
}
.empty .empty-left i {
  font-size: 66px;
  color: #999;
}
.empty .empty-right {
  margin-top: 20px;
  float: left;
}
.empty p {
  font-size: 16px;
  color: #666;
}

.coupon-img {
  position: relative;
  height: 180px;
}
.coupon-img img {
  position: absolute;
  top: 0;
  left: 0;
}
.coupon-img .txt {
  padding-top: 30px;
  position: relative;
  text-align: center;
  font-family: microsoft yahei;
}
.coupon-img .txt h3 {
  font-size: 34px;
  font-weight: normal;
  color: #fff;
}
.coupon-img .txt .content {
  font-size: 26px;
  color: #fff;
}
.coupon-img .txt .time {
  font-size: 16px;
  color: #F9B8BB;
}

/* 商品咨询 */
.item-consult {
  padding: 10px;
}
.item-consult .item-consult-nav {
  float: left;
  background: #efefef;
  padding-left: 10px;
  padding-top: 5px;
  width: 80%;
  margin-top: 12px;
}
.item-consult .item-consult-nav li {
  float: left;
  padding: 10px 20px;
  cursor: pointer;
}
.item-consult .item-consult-nav li span {
  color: #bb9951;
}
.item-consult .item-consult-nav .active {
  background: #fff;
  border-top: 1px solid #dfc181;
}
.item-consult .get-consult {
  float: right;
  color: #999;
}
.item-consult .get-consult a > span {
  padding-left: 32px;
}
.item-consult .get-consult a > span > span {
  padding-right: 32px;
}
.item-consult .get-consult i {
  font-size: 20px;
  vertical-align: middle;
}
.item-consult .item-consult-con li {
  border: 1px solid #efefef;
  margin-top: 20px;
  padding: 10px;
}
.item-consult .item-consult-con li dt {
  clear: both;
  width: 60px;
  float: left;
}
.item-consult .item-consult-con li dd {
  margin-left: 70px;
}
.item-consult .item-consult-con li .usr-info {
  color: #a0a0a0;
  margin-bottom: 10px;
}
.item-consult .item-consult-con li .admin-reply {
  color: #bfa15b;
  margin-top: 10px;
}
.item-consult .item-consult-con li .admin-reply dd {
  position: relative;
  padding-right: 140px;
}
.item-consult .item-consult-con li .admin-reply .reply-time {
  position: absolute;
  right: 0;
  top: 0;
  color: #a0a0a0;
}
.item-consult .item-consult-form {
  border: 1px solid #efefef;
  border-top-width: 3px;
  border-top-color: #dfc181;
  padding: 15px;
  margin-top: 30px;
  color: #6f6f6f;
}
.item-consult .item-consult-form .form-title {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}
.item-consult .item-consult-form .form-label {
  width: 5em;
  color: #333;
}
.item-consult .item-consult-form .form-act {
  margin-left: 6em;
}
.item-consult .item-consult-form .offset-2 {
  margin-left: 6em;
}
.item-consult .item-consult-form .form-footer {
  border-top: 1px dashed #f0f0f0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.buy-number {
  float: left;
  position: relative;
  width: 74px;
}
.buy-number input {
  width: 40px;
  font-size: 14px;
  text-align: center;
}
.buy-number ::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.buy-number .btn {
  margin-right: 0;
  position: absolute;
  right: 0;
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border: 1px solid #CCCCCC;
}
.buy-number .btn-reduct {
  bottom: 0;
}
.buy-number .btn-add {
  top: 0;
}

.buy-info {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-left: 10px;
}
.buy-info span {
  margin-left: 20px;
}

.detail-dialog-btn a {
  margin-left: 120px;
}
.detail-dialog-btn a > span {
  padding-left: 1.2em;
}
.detail-dialog-btn a > span > span {
  padding-right: 1.2em;
}

.w180 {
  width: 180px;
}

/*goods_detail_new page 商品详情页改版*/
.bread-nav {
  margin-bottom: 20px;
  color: #8C8C8C;
}
.bread-nav a, .bread-nav > span {
  font-size: 14px;
  color: #333;
}
.bread-nav a span, .bread-nav > span span {
  margin: 0 3px;
  color: #333;
}
.bread-nav a:first-child {
  font-weight: 700;
  font-size: 15px;
}
.bread-nav a:first-child span {
  font-weight: normal;
  font-size: 14px;
}
.bread-nav > span:last-child {
  color: #999;
}
.bread-nav > span:last-child > span {
  display: none;
}

.goods-detail-panel {
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding-bottom: 16px;
}
.goods-detail-panel .thumbnail-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.description-panel {
  min-height: 422px;
  background: #fff;
  color: #666;
  margin-left: 8px;
}
.description-panel .description-panel-hd {
  padding: 10px 20px;
}
.description-panel .description-panel-hd h1 {
  font-size: 16px;
  color: #333;
}
.description-panel .description-panel-hd div {
  max-height: 36px;
  overflow: hidden;
}
.description-panel .description-panel-hd .item-describe-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.description-panel .description-panel-bd {
  position: relative;
}
.description-panel .description-panel-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.description-panel .description-panel-info {
  float: left;
  width: 72%;
}
.description-panel .dt {
  width: 75px;
  font-size: 12px;
}
.description-panel .dt em {
  color: #dd2434;
}
.description-panel .dt {
  float: left;
}
.description-panel .choose {
  padding-left: 0;
}
.description-panel .summary-outbox {
  position: relative;
  background: #f9f5f2;
  padding-top: 20px;
  padding-bottom: 20px;
}
.description-panel .summary-outbox:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.description-panel .summary {
  display: block;
  padding: 5px 0;
  font-size: 12px;
  color: #8d8d8d;
}
.description-panel .summary > li {
  margin-top: 30px;
}
.description-panel .summary > li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.description-panel .summary > li:first-child {
  margin-top: 0;
}
.description-panel .summary em {
  color: #dd2434;
}
.description-panel .summary .dt {
  width: 70px;
}
.description-panel .goods-qrcode {
  float: right;
  position: relative;
  text-align: center;
  margin-right: 40px;
  color: #8d8d8d;
}
.description-panel .goods-qrcode span {
  display: inline-block;
  width: 60px;
}
.description-panel .goods-qrcode .qrcode {
  display: none;
  position: absolute;
  top: 25px;
  left: -20px;
  z-index: 2;
}
.description-panel .goods-qrcode .qrcode:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 42%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.description-panel .goods-qrcode .icon-arrow-up-b {
  display: none;
}
.description-panel .goods-qrcode:hover .icon-arrow-down-b {
  display: none;
}
.description-panel .goods-qrcode:hover .icon-arrow-up-b {
  display: inline-block;
}
.description-panel .goods-qrcode:hover .qrcode {
  display: inline-block;
}
.description-panel .price {
  font: 35px/30px Tahoma;
  color: #dd2434;
}
.description-panel .icon-star {
  color: #FF8500;
  font-size: 22px;
}
.description-panel .icon-star.disabled {
  color: #DEDEDE;
}
.description-panel .jiage {
  font-size: 12px;
  color: #a1a1a1;
  text-decoration: line-through;
}
.description-panel .label-danger {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  text-align: center;
  color: #fff;
  background-color: #EA2329;
  margin-right: 5px;
}
.description-panel .activity {
  position: relative;
  height: 30px;
}
.description-panel .activity-wrap {
  position: relative;
  height: 30px;
  background: #f9f5f2;
}
.description-panel .activity-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.description-panel .activity-wrap .more {
  position: absolute;
  top: 2px;
  right: 0;
  color: #666;
  cursor: pointer;
}
.description-panel .activity-wrap .more .icon-arrow-up-b {
  display: none;
}
.description-panel .activity-wrap .dd {
  margin-left: 80px;
}
.description-panel .activity-wrap.promotions-all-show {
  position: absolute;
  width: 541px;
  height: auto;
  left: -20px;
  padding: 0 20px;
  margin-top: 0;
  z-index: 5;
}
.description-panel .activity-wrap.promotions-all-show .promotion-list {
  height: auto;
  overflow: visible;
  padding-bottom: 10px;
}
.description-panel .activity-wrap.promotions-all-show .more {
  right: 20px;
}
.description-panel .activity-wrap.promotions-all-show .icon-arrow-down-b {
  display: none;
}
.description-panel .activity-wrap.promotions-all-show .icon-arrow-up-b {
  display: inline-block;
}
.description-panel .promotion-list {
  position: relative;
  top: -4px;
  height: 31px;
  overflow: hidden;
}
.description-panel .promotion-list a {
  line-height: 30px;
}
.description-panel .promotion-list.more-gift {
  height: 50px;
}
.description-panel .activity-txt {
  display: block;
  color: #ca1119;
  width: 80%;
}
.description-panel .activity-txt img {
  max-width: 30px;
  max-height: 25px;
  margin-top: 3px;
  vertical-align: middle;
}
.description-panel .activity-panel {
  position: absolute;
  width: 81%;
  left: 0;
  z-index: 99;
  padding: 0 15px 15px 100px;
  background-color: #f9f5f2;
  color: #ca1119;
  display: none;
}
.description-panel .activity-panel li {
  height: 30px;
  line-height: 30px;
}
.description-panel .goods-other-info {
  padding: 10px 0;
  border-bottom: 1px dashed #CCCCCC;
}
.description-panel .goods-other-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.description-panel .goods-other-info li {
  float: left;
  height: 33px;
  line-height: 33px;
  margin-right: 30px;
}
.description-panel .goods-other-info .icon-star {
  color: #FF8500;
  font-size: 22px;
}
.description-panel .goods-other-info .icon-star.disabled {
  color: #DEDEDE;
}
.description-panel .goods-other-info em {
  color: #FF8500;
}
.description-panel .server {
  margin: 10px 0;
}
.description-panel .price-del {
  font-size: 18px;
  color: #999;
  text-decoration: line-through;
  line-height: 24px;
}

.seller {
  float: right;
  width: 186px;
  margin: 10px 20px 10px 0;
  font-size: 12px;
}
.seller li {
  padding: 15px 5px;
  border-top: 1px solid #eee;
}
.seller li:first-child {
  border-top: none;
}
.seller .dl {
  margin-bottom: 5px;
}
.seller .dl:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.seller .dl .dl-left {
  float: left;
  width: 110px;
}
.seller .dl .dl-right {
  float: right;
  width: 60px;
  text-align: center;
}
.seller .icon-arrow-down-a {
  color: #00850A;
}
.seller .icon-arrow-up-a {
  color: #dd2434;
}
.seller .btn-wrap {
  text-align: center;
}
.seller .btn-wrap .btn-collect-shop {
  margin-left: 18px;
}
.seller .qrcode {
  margin: 0 auto;
  width: 84px;
  padding: 7px;
  border: 1px solid #ccc;
  text-align: center;
  z-index: 2;
}
.seller .shop-name {
  font-size: 12px;
  text-align: center;
  width: 100%;
  background: url(../images/shop_logo.jpg) no-repeat center center;
  padding-top: 60px;
}

.choose {
  padding: 15px 0 20px 20px;
}
.choose:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.choose .price {
  color: #dd2434;
  font-size: 20px;
}
.choose .item {
  float: left;
}
.choose .dt {
  clear: both;
  float: left;
  height: 36px;
  width: 75px;
  font-size: 12px;
  line-height: 30px;
}
.choose .dt em {
  color: #dd2434;
}
.choose em {
  padding-right: 8px;
}
.choose .dd {
  height: 36px;
  line-height: 30px;
  margin-left: 80px;
}
.choose .btn-wrap {
  margin: 20px 0 0 83px;
}
.choose .btn-wrap .btn {
  margin-right: 10px;
}
.choose > div:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.choose .btn-wrap {
  font-size: 16px;
  margin-left: 0;
}
.choose .btn-wrap span {
  padding-left: 0;
  width: 200px;
  text-align: center;
}

.choose-item-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.choose-item {
  position: relative;
  float: left;
  min-width: 27px;
  height: 27px;
  line-height: 27px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid #dadada;
  color: #666;
  font-family: helvetica;
  outline: 1px solid #fff;
  cursor: pointer;
}
.choose-item img {
  display: inline-block;
  width: auto;
  height: 100%;
}
.choose-item:hover {
  border: 1px solid #1357aa;
  outline: 1px solid #1357aa;
  color: #1357aa;
}
.choose-item.on {
  position: relative;
  border: 1px solid #1357aa;
  outline: 1px solid #1357aa;
}
.choose-item.on:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: " ";
  width: 0;
  height: 0;
  border-bottom: 12px solid #1357aa;
  border-left: 12px solid transparent;
}
.choose-item.on:after {
  position: absolute;
  right: 0;
  bottom: 3px;
  vertical-align: 0;
  line-height: 0;
  font-size: 16px;
  font-family: "iconfonts";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-rendering: auto;
  speak: none;
  content: "\282b";
  color: #fff;
}
.choose-item.no-store {
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  outline: 1px solid #ccc;
}
.choose-item.no-store.on:before {
  border-bottom: 12px solid #ccc;
}
.choose-item.no-sku {
  background-color: #e8e8e8;
  border: 1px dashed #ccc;
  outline: 1px dashed #ccc;
}

.goods-detail-img .switchable-content {
  border: 0;
  width: 440px;
  height: 440px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.goods-detail-img .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-detail-img .switchable-content li {
  width: 440px;
  height: 440px;
  line-height: 438px;
  overflow: hidden;
  text-align: center;
}
.goods-detail-img .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods-detail-img .switchable-content img {
  width: 440px;
  height: 440px;
}
.goods-detail-img .switchable-nav-wrap {
  width: 391px;
  height: 71px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
}
.goods-detail-img .switchable-nav {
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}
.goods-detail-img .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-detail-img .switchable-nav li {
  float: left;
  cursor: pointer;
  width: 66px;
  height: 66px;
  line-height: 64px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.goods-detail-img .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods-detail-img .switchable-nav li.active {
  border: 2px solid #dd2434;
}
.goods-detail-img .prev, .goods-detail-img .next {
  float: left;
  display: block;
  width: 15px;
  height: 50px;
  line-height: 50px;
  margin-top: 2px;
  background: #fff;
  color: #666;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border: 1px solid #CCCCCC;
}

.user-operate {
  overflow: auto;
  margin-top: 90px;
  padding-left: 10px;
  width: 440px;
  font-size: 12px;
}
.user-operate .favorite {
  color: #999;
}
.user-operate .favorite .icon, .user-operate .favorite [class^=icon-]:before {
  margin-right: 5px;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}
.user-operate .favorite.on .icon, .user-operate .favorite.on [class^=icon-]:before {
  color: #FF8500;
}
.user-operate .share {
  margin-left: 25px;
  color: #999;
}
.user-operate .share .icon, .user-operate .share [class^=icon-]:before {
  display: inline-block;
  width: 15px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/share.png) no-repeat center 4px;
}

.goods-detail-box .side-box {
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}

.interest-search {
  padding: 0 10px;
  position: relative;
}
.interest-search input {
  width: 168px;
  height: 27px;
  line-height: 29px;
  padding: 0 10px;
}
.interest-search .icon-search-a {
  font-size: 18px;
  position: absolute;
  right: 13px;
  top: 3px;
}

.goods-detail-browse.side-box {
  border: 0;
}
.goods-detail-browse .bd {
  padding: 0;
}
.goods-detail-browse .price {
  font-size: 16px;
  text-align: center;
}

.detail-switchable-nav {
  background: #e8e8e8;
}
.detail-switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-switchable-nav li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.detail-switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dd2434;
  color: #dd2434;
  cursor: default;
}
.detail-switchable-nav li span {
  color: #0563c3;
}

.goods-detail-tab {
  border: 1px solid #CCCCCC;
  padding-bottom: 30px;
  background: #fff;
}
.goods-detail-tab .bd img {
  display: block;
  margin: 0 auto;
}
.goods-detail-tab .bd img.mb-15 {
  margin-bottom: 15px;
}
.goods-detail-tab .btn-impotr, .goods-detail-tab .shopname {
  display: none;
}
.goods-detail-tab .detail-switchable-nav li {
  border: 1px solid #CCCCCC;
  border-top: 2px solid #e8e8e8;
  margin-left: -1px;
  border-bottom: 0;
  padding: 0 20px;
}
.goods-detail-tab .detail-switchable-nav li span {
  color: #1357aa;
}
.goods-detail-tab .detail-switchable-nav li.active {
  background-color: #fff;
  color: #1357aa;
  cursor: default;
  border-top: 2px solid #1357aa;
}
.goods-detail-tab.fixed {
  display: block;
}
.goods-detail-tab.fixed li {
  border-top: 2px solid #fff;
  background-color: #fff;
}
.goods-detail-tab .btn-import, .goods-detail-tab .shopname {
  display: none;
}

.ding-box {
  position: relative;
}

.ding-tab {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 36px;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 101;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  text-align: center;
}
.fixed .ding-tab-left.col-lg-3 {
  height: 36px;
}
.fixed .ding-tab-right {
  background-color: #e8e8e8;
  outline: 1px solid #CCCCCC;
}
.fixed .shopname {
  float: left;
  line-height: 54px;
  padding: 0 10px;
  position: relative;
  left: 20%;
}
.fixed .detail-switchable-nav {
  position: relative;
  float: left;
}
.fixed .btn-import {
  display: block;
  float: right;
}

i.icon-qq {
  position: relative;
  left: 2px;
  top: 4px;
  display: inline-block;
  width: 17px;
  height: 19px;
  margin-left: 20px;
  background: url(../images/qq.jpg) no-repeat center;
}

.background-changes {
  background-color: #fff;
}

.top-distance {
  margin-top: 10px;
}

a.hidden {
  display: none;
}

.zoom-slider .pic-show {
  position: relative;
  z-index: 1;
  width: 365px;
  height: 365px;
}
.zoom-slider .pic-show img {
  max-height: 365px;
  max-width: 365px;
  vertical-align: middle;
}
.zoom-slider .pic-show .show-box {
  display: table-cell;
  height: 365px;
  width: 365px;
  text-align: center;
  vertical-align: middle;
}
.zoom-slider .next-group, .zoom-slider .pre-group {
  display: none;
  width: 20px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.zoom-slider .next-group i, .zoom-slider .pre-group i {
  font-size: 30px;
  color: #ccc;
}
.zoom-slider .next-group:hover i, .zoom-slider .pre-group:hover i {
  color: #999;
}
.zoom-slider .pic-thumb {
  position: relative;
}
.zoom-slider .slider-thumb-wrap {
  position: relative;
  width: 336px;
  height: 65px;
  overflow: hidden;
  margin-top: 10px;
}
.zoom-slider .slider-thumb-wrap.scrolled .slider-thumb {
  left: -340px;
}
.zoom-slider .slider-thumb {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  width: 9999px;
  position: absolute;
  left: 0;
  top: 0;
}
.zoom-slider .slider-thumb li {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 4px;
  overflow: hidden;
  border: 2px solid #fff;
}
.zoom-slider .slider-thumb li.active {
  border-color: #1357aa;
}
.zoom-slider .slider-thumb li .thumb-item {
  height: 60px;
  width: 60px;
  background-color: #FFFFFF;
}
.zoom-slider .slider-thumb li .thumb-item span {
  height: 60px;
  width: 60px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.zoom-slider .slider-thumb li .thumb-item span img {
  max-width: 60px;
  max-height: 60px;
  display: inline-block;
  vertical-align: middle;
}

div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 365px;
  height: 365px;
  background: #ffffff;
  border: 1px solid #dadadd;
  display: none;
  text-align: center;
  overflow: hidden;
}

div.zoomMask {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  cursor: move;
  z-index: 1;
}

/*------ albums ------*/
.albums-left {
  float: left;
  width: 180px;
}

.albums-right {
  margin-left: 190px;
}

.albums-main {
  float: left;
  width: 100%;
}

.albums-pic-list {
  margin: 50px 24px 50px 30px;
}
.albums-pic-list .next {
  font-size: 15px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
}
.albums-pic-list .next.disable {
  cursor: default;
  color: #CCCCCC;
}
.albums-pic-list .previous {
  font-size: 15px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
}
.albums-pic-list .previous.disable {
  cursor: default;
  color: #CCCCCC;
}
.albums-pic-list ul {
  position: relative;
}

.albums-pic-item {
  position: relative;
  width: 114px;
  height: 114px;
  border: 3px solid  #D4D4D4;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
}
.albums-pic-item .ar {
  display: none;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -6px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  font-size: 0px;
  border-left: 6px solid #FEBF0F;
  border-top: 6px solid #F5F5F5;
  border-right: 6px solid #F5F5F5;
  border-bottom: 6px solid #F5F5F5;
}
.albums-pic-item.active, .albums-pic-item.hover {
  border-color: #FEBF0F;
}
.albums-pic-item.active .ar, .albums-pic-item.hover .ar {
  display: block;
}
.albums-pic-item .albums-pic {
  width: 114px;
  height: 114px;
  line-height: 112px;
  overflow: hidden;
  text-align: center;
}
.albums-pic-item .albums-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.albums-product-title {
  padding: 20px;
  line-height: 35px;
  text-align: center;
}
.albums-product-title h1 {
  font-size: 133.33333%;
}

.albums-main-pic {
  text-align: center;
}

.albums-scroll {
  overflow: hidden;
}

/*------ cart ------*/
.steps li {
  height: 30px;
  line-height: 30px;
  float: left;
}
.steps i {
  display: inline-block;
}
.steps a, .steps span {
  display: block;
  padding: 0 10px;
}
.steps .step-item {
  background-color: #EFEFEF;
  padding: 0;
  white-space: nowrap;
}
.steps .step-arrow {
  padding: 0;
}

.cart-main {
  border: 1px solid #E6E6E6;
  table-layout: fixed;
}
.cart-main caption {
  text-align: left;
  background-color: #EFEFEF;
  border: 1px solid #E6E6E6;
  border-bottom: 0 none;
}
.cart-main thead {
  background-color: #EFEFEF;
}
.cart-main td {
  line-height: 20px;
  vertical-align: top;
  text-align: center;
  padding: 2px 0;
}
.cart-main .cart-item {
  border-bottom: 1px solid #EFEFEF;
}
.cart-main .cart-item .last td {
  *border-bottom: 1px solid #EFEFEF;
}
.cart-main .last td {
  padding-bottom: 15px;
}
.cart-main .p-info {
  text-align: left;
}
.cart-main .p-pic {
  width: 80px;
  height: 80px;
  line-height: 78px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.cart-main .p-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.cart-main .order-price {
  padding: 15px 1px 10px;
  line-height: 30px;
  white-space: nowrap;
}
.cart-main .order-price ul {
  float: right;
}
.cart-main .warn-message {
  clear: both;
  width: 74px;
  margin: 2px auto;
  text-align: center;
  color: white;
  background-color: #EF4521;
  display: block;
}
.cart-main .p-quantity {
  width: 74px;
  margin: 0 auto;
  overflow: hidden;
}
.cart-main .p-quantity a {
  float: left;
  width: 20px;
  height: 21px;
  overflow: hidden;
  border: 1px solid #A9A9A9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.cart-main .p-quantity input {
  float: left;
  width: 30px;
  height: 21px;
  line-height: 21px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #A9A9A9;
  text-align: center;
  padding: 0;
  margin: 0;
}

/*new*/
.cart .cart-table {
  margin-bottom: 10px;
}
.cart .cart-table-th .col, .cart .cart-table-th [class*=col] {
  margin-left: 0;
}
.cart .cart-table-ft {
  padding-top: 20px;
}
.cart .cart-table-ft .cart-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart .cart-table-ft .row {
  display: inline-block;
  vertical-align: middle;
}
.cart .cart-table-ft .cart-col-right {
  padding-right: 150px;
}
.cart .cart-table-ft .total-price em {
  font-size: 16px;
}
.cart .cart-table-ft button[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
}
.cart .cart-table-ft button[type=submit] span {
  height: 62px;
  line-height: 62px;
  border-radius: 0;
}
.cart .cart-table-ft button[type=submit] > span {
  padding-left: 2.5em;
}
.cart .cart-table-ft button[type=submit] > span > span {
  padding-right: 2.5em;
}
.cart .cart-table-ft button[type=submit].btn-disabled:hover > span {
  background: #999;
}
.cart .cart-table-ft .cart-table-btm {
  height: 64px;
}
.cart .cart-table-ft .cart-table-btm .cart-row {
  padding: 0;
  line-height: 64px;
}
.cart .cart-hd {
  background: #eee;
  border-top: none;
}
.cart .cart-hd .cart-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart .tr-checked-bg {
  background: #fdf8e7;
}
.cart .btn-disabled > span {
  background: #999;
}
.cart .number {
  display: inline-block;
}
.cart .number .number-increase-decrease:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart .number .btn, .cart .number .cart-num {
  float: left;
}
.cart .number .cart-num {
  height: 26px;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: transparent;
}
.cart .number .btn {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
}
.cart .number .decrease {
  border-right: 0;
  padding-left: 10px;
}
.cart .number .increase {
  border-left: 0;
  padding-right: 10px;
}
.cart .cart-goods-name {
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.cart .label-danger {
  background: #EA2329;
}
.cart .tr-checked {
  background: #fef9e8;
}

.cart-table .cart-table-th {
  line-height: 1.5;
}
.cart-table .cart-table-hd {
  padding: 5px 10px;
}
.cart-table .cart-table-hd em {
  font-weight: bold;
}
.cart-table .cart-table-bd {
  background: #fff;
  border: 1px solid #ccc;
}
.cart-table .cart-table-btm {
  background: #fff;
  border: 1px solid #efefef;
  position: relative;
}
.cart-table .cart-table-btm .cart-col {
  white-space: nowrap;
}
.cart-table .cart-table-btm .cart-col > a, .cart-table .cart-table-btm .cart-col > span {
  margin-left: 20px;
}
.cart-table .cart-row {
  padding: 10px;
  border-top: 1px solid #efefef;
}
.cart-table .cart-row:first-child {
  border-top: none;
}
.cart-table .cart-row.cart-table-th {
  line-height: 1.5;
}
.cart-table .is-disabled {
  color: #d6d6d6;
}
.cart-table .is-disabled .cart-goods-name {
  color: #d6d6d6;
  cursor: default;
}
.cart-table .is-disabled .number-increase-decrease {
  display: none;
}
.cart-table .cart-col {
  float: left;
}
.cart-table .cart-col.col-checkbox {
  width: 60px;
}
.cart-table .cart-col.col-name {
  width: 41%;
}
.cart-table .cart-col.col-other {
  width: 170px;
}
.cart-table .cart-col.col-operate a {
  margin-right: 10px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}
.cart-table .cart-col.col-operate a:first-child {
  padding-left: 0;
  border-left: none;
}
.cart-table .cart-col em {
  color: #e22335;
}
.cart-table .cart-col.cart-col-right {
  float: right;
}
.cart-table input[type="radio"], .cart-table input[type="checkbox"] {
  margin: 0 5px 0 0;
}
.cart-table .cart-goods:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart-table .cart-goods .pic {
  float: left;
  width: 64px;
  height: 64px;
  line-height: 62px;
  border: 0 none;
  overflow: hidden;
  margin-right: 20px;
  text-align: center;
}
.cart-table .cart-goods .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.cart-table .cart-goods .pic img {
  width: auto;
  height: auto;
}
.cart-table .cart-goods .cart-goods-name {
  float: left;
  width: 160px;
  height: 36px;
  margin-top: 16px;
  line-height: 1.5;
  overflow: hidden;
}
.cart-table .item-table {
  border: none;
}
.cart-table .item-table .table-col-1 {
  width: 60px;
}
.cart-table .item-table .table-col-2 {
  width: 70px;
}
.cart-table .item-table .table-col-3 {
  width: 32%;
}
.cart-table .item-table .table-col-4, .cart-table .item-table .table-col-5, .cart-table .item-table .table-col-6 {
  width: 170px;
}
.cart-table .item-table em {
  font-weight: bold;
}
.cart-table .item-table tbody {
  border: 1px solid #efefef;
}
.cart-table .item-table tbody tr {
  border-bottom: 0;
}
.cart-table .item-table thead td {
  padding: 10px 0;
}
.cart-table .item-table span {
  margin-right: 0;
}
.cart-table .item-table .item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #EA2329;
}
.cart-table .item-table tr > td:nth-child(3) {
  vertical-align: top;
}
.cart-table .item-table tr > td:nth-child(3) span {
  color: #666;
}
.cart-table .item-table a.cart-goods-name {
  color: #333;
}
.cart-table .item-table tr > td:nth-child(4) select {
  width: 80%;
  border-color: #EA2329;
  color: #EA2329;
  background: transparent;
}
.cart-table .item-table tr > td:nth-child(4) option {
  color: #EA2329;
}
.cart-table .item-table .delete-item {
  color: #333;
}
.cart-table .coupons {
  display: inline-block;
  position: relative;
}
.cart-table .coupons .coupons-select {
  height: 22px;
  line-height: 22px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  cursor: pointer;
  padding: 0 6px;
  color: #e33141;
}
.cart-table .coupons .coupons-option {
  position: absolute;
  left: 0;
  top: 25px;
  background-color: #fff;
  border: 1px solid #ddd;
  display: none;
  min-width: 200px;
  max-height: 188px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.cart-table .coupons .coupons-option ul {
  padding-left: 10px;
  padding-right: 10px;
}
.cart-table .coupons .coupons-option li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}
.cart-table .coupons .coupons-option li img {
  vertical-align: middle;
}
.cart-table .coupons .has-get {
  display: none;
}
.cart-table .discount-title {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.cart-table.zuhe-car-table .item-table .table-col-5 {
  width: 32%;
}
.cart-table .item-zuhe .number {
  float: left;
}
.cart-table .item-zuhe .number .cart-num {
  height: 20px;
  line-height: 20px;
}
.cart-table .item-zuhe .item-total-price {
  float: left;
  margin-left: 30px;
  line-height: 20px;
}
.cart-table .item-zuhe .col-operate {
  text-align: right;
  padding-right: 70px;
}

#coupon-dialog, #voucher-dialog {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  width: 420px;
  height: 300px;
  margin-left: -210px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #676566;
}
#coupon-dialog .coupon-container, #coupon-dialog .voucher-container, #voucher-dialog .coupon-container, #voucher-dialog .voucher-container {
  height: 230px;
  margin-bottom: 15px;
  overflow-y: auto;
}
#coupon-dialog .coupon-container ul, #coupon-dialog .voucher-container ul, #voucher-dialog .coupon-container ul, #voucher-dialog .voucher-container ul {
  padding: 5px;
}
#coupon-dialog .coupon-outbox, #coupon-dialog .voucher-outbox, #voucher-dialog .coupon-outbox, #voucher-dialog .voucher-outbox {
  padding: 10px 20px;
}
#coupon-dialog .coupon-header, #coupon-dialog .voucher-header, #voucher-dialog .coupon-header, #voucher-dialog .voucher-header {
  border-bottom: 1px dashed #c4b8ba;
  font-size: 14px;
  height: 30px;
}
#coupon-dialog .coupon-footer, #coupon-dialog .voucher-footer, #voucher-dialog .coupon-footer, #voucher-dialog .voucher-footer {
  text-align: center;
  height: 40px;
}
#coupon-dialog .coupon-footer .btn, #coupon-dialog .voucher-footer .btn, #voucher-dialog .coupon-footer .btn, #voucher-dialog .voucher-footer .btn {
  margin: 0 20px;
}
#coupon-dialog .btn-cancel > span, #voucher-dialog .btn-cancel > span {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
}

#coupon-dialog-bg, #voucher-dialog-bg {
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
}

.empty-cart {
  background: #fff;
  margin: 30px 0;
  padding: 50px 0;
  line-height: 2;
  color: #666;
}
.empty-cart i {
  line-height: 45px;
  font-size: 60px;
  color: #999;
}
.empty-cart .empty-cart-text {
  line-height: 60px;
}

/*------ order checkout ------*/
.order-main .order-section-title {
  height: 36px;
  line-height: 36px;
  background-color: #EFEFEF;
  padding-left: 14px;
}
.order-main .order-section-title b {
  font-size: 14px;
  padding-right: 20px;
}
.order-main .order-section-title a {
  color: #0563C3;
}
.order-main .order-section-content {
  padding: 10px 20px;
}
.order-main .order-section table {
  width: 92%;
  margin: 0 auto;
}
.order-main .order-section table label {
  padding-left: 5px;
  vertical-align: middle;
}
.order-main .order-section th, .order-main .order-section td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.order-main .order-section th {
  text-align: right;
  padding-right: 6px;
  font-weight: 400;
  width: 12%;
  white-space: nowrap;
}
.order-main .order-section th em {
  color: #EF4521;
}
.order-main .order-goods th {
  white-space: normal;
}
.order-main .order-goods .memo {
  background-color: #EEEEEE;
  padding: 4px 8px;
}
.order-main .change-shipping {
  line-height: 20px;
  margin: 0 auto;
}
.order-main .change-shipping li {
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
}
.order-main .change-shipping li.selected {
  background-color: #FFF3E1;
}
.order-main .change-shipping .action-change-shipping {
  vertical-align: top;
  width: 2%;
}
.order-main .change-shipping label {
  display: inline-block;
  vertical-align: top;
  width: 97%;
}
.order-main .change-shipping label table {
  width: 100%;
}
.order-main .change-shipping address {
  display: inline-block;
  vertical-align: top;
  width: 720px;
  padding: 0 10px;
}
.order-main .change-shipping .last address {
  width: auto;
}
.order-main .change-shipping i {
  margin: 0 20px;
}
.order-main .change-shipping em {
  display: inline-block;
  vertical-align: top;
}
.order-main .change-shipping em span {
  padding: 0 10px;
}
.order-main .change-delivery thead tr {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
}
.order-main .change-delivery thead td {
  padding-left: 10px;
  *border-bottom: 1px solid #CCCCCC;
}
.order-main .change-delivery .separator {
  height: 10px;
}
.order-main .change-delivery tbody td {
  padding-left: 5px;
}
.order-main .change-delivery .master td {
  vertical-align: bottom;
  padding-bottom: 0;
}
.order-main .change-delivery .sub {
  height: 16px;
  color: #999999;
}
.order-main .change-delivery .sub td {
  padding-left: 22px;
  padding-top: 0;
}
.order-main .change-delivery tfoot td {
  padding: 15px 0 0 5px;
}
.order-main .change-payment th {
  text-align: left;
}

.order-container .fold {
  display: none;
}
.order-container .cart-main .p-info {
  padding-left: 20px;
}
.order-container .cart-main .p-promotion {
  text-align: left;
  padding-left: 20px;
}

.order-clearing {
  border: 1px solid #C6C6C6;
  width: 100%;
}
.order-clearing .order-price .inner {
  position: relative;
  float: right;
}
.order-clearing .order-price .message {
  left: 206px;
  bottom: 65px;
  *left: 210px;
  /*for lte ie7*/
}

/*new*/
.order-confirm .cart-table {
  margin-top: 20px;
}
.order-confirm .cart-row {
  line-height: 2;
}
.order-confirm .membercenter-box .col-number {
  width: 115px;
}
.order-confirm .membercenter-box .col-status {
  width: 190px;
}
.order-confirm .membercenter-table .col-name {
  width: 760px;
}
.order-confirm .membercenter-table .col-name .number {
  width: 130px;
}

.order-confirm-title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #E8E8E8;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.order-confirm-item-right {
  float: right;
  margin-right: 20px;
}

.order-confirm-item {
  margin-top: 10px;
  padding-top: 10px;
}
.order-confirm-item .order-confirm-item-hd {
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
}
.order-confirm-item .order-confirm-item-hd em {
  font-weight: bold;
}
.order-confirm-item .order-confirm-item-hd a {
  margin-left: 20px;
}
.order-confirm-item .order-confirm-item-bd {
  padding: 10px 0 20px 0;
  margin: 0 20px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.order-confirm-item .form-label {
  width: 8em;
  margin-right: 10px;
  text-align: left;
}
.order-confirm-item .coupon-item {
  margin-left: 60px;
}
.order-confirm-item .coupon-item .order-confirm-item-bd {
  padding-left: 0;
}
.order-confirm-item .coupon-choose, .order-confirm-item .voucher-choose {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  font-size: 14px;
  cursor: pointer;
  padding: 0 18px;
}
.order-confirm-item .coupon-choose .icon, .order-confirm-item .coupon-choose [class^=icon-]:before, .order-confirm-item .voucher-choose .icon, .order-confirm-item .voucher-choose [class^=icon-]:before {
  font-size: 10px;
  text-align: center;
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-color: #e22333;
  margin-top: -3px;
  color: #fff;
  border-radius: 100%;
  vertical-align: middle;
}

.order-confirm-address li {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin: 0;
  border: 1px solid #fff;
  border-top: none;
}
.order-confirm-address li > label, .order-confirm-address li:not(:last-child) {
  cursor: pointer;
}
.order-confirm-address li:not(:last-child) > label {
  width: 100%;
  height: 100%;
}
.order-confirm-address li:last-child {
  margin-top: 10px;
  padding-left: 35px;
  border: none;
}
.order-confirm-address li:last-child:hover {
  background: none;
}
.order-confirm-address li:not(:last-child):hover {
  background: #F6EDE6;
}
.order-confirm-address li:not(:last-child):hover .address-edit {
  display: inline;
}
.order-confirm-address li span.addr-info {
  display: inline-block;
  width: 40%;
  padding-left: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.order-confirm-address li .checked-icon .icon-checkmark {
  top: -10px;
}
.order-confirm-address li:not(:last-child).on {
  border: 1px solid #1357aa;
}
.order-confirm-address li:not(:last-child).on .checked-icon {
  display: block;
}
.order-confirm-address li input[type="radio"] {
  display: none;
}
.order-confirm-address .address-default, .order-confirm-address .addr-edit {
  margin-left: 20px;
}
.order-confirm-address .address-edit {
  display: none;
  margin-left: 30px;
}
.order-confirm-address .list-addr-more label {
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 2px 15px;
}
.order-confirm-address .list-addr-more .icon, .order-confirm-address .list-addr-more [class^=icon-]:before {
  font-size: 12px;
  margin-right: 5px;
}

.checked-icon {
  display: none;
}
.checked-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 18px solid #1357aa;
  border-right: 22px solid transparent;
}
.checked-icon .icon, .checked-icon [class^=icon-]:before {
  position: absolute;
  top: -13px;
  left: 2px;
  color: #fff;
  z-index: 2;
}

.status-bar2:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.status-bar2 > div {
  float: left;
}
.status-bar2 .bg {
  position: relative;
  width: 125px;
  height: 4px;
  margin-bottom: 15px;
  background: #ddd;
}
.status-bar2 .number {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #ddd;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.status-bar2 .txt {
  text-align: center;
  color: #ddd;
}
.status-bar2 .on .bg {
  background: #8AB660;
}
.status-bar2 .on .number {
  background: #8AB660;
}
.status-bar2 .on .txt {
  text-align: center;
  color: #8AB660;
}
.status-bar2.status-bar2-large .bg {
  width: 200px;
  height: 6px;
  margin-bottom: 25px;
}
.status-bar2.status-bar2-large .number {
  top: -15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.status-bar2.status-bar2-large .first .bg, .status-bar2.status-bar2-large .last .bg {
  width: 100px;
}
.status-bar2.status-bar2-large .first .number, .status-bar2.status-bar2-large .last .number {
  margin-left: 0;
}
.status-bar2.status-bar2-large .first .number {
  left: -2px;
}
.status-bar2.status-bar2-large .first .txt {
  margin-left: -15px;
  text-align: left;
}
.status-bar2.status-bar2-large .last .number {
  right: -2px;
  left: initial;
}
.status-bar2.status-bar2-large .last .txt {
  margin-right: -10px;
  text-align: right;
}

.payment {
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #8AB660;
  min-height: 500px;
}
.payment.payment-success .success-info {
  margin-top: 150px;
  padding-bottom: 150px;
}
.payment.payment-success .success-info-l1 {
  position: relative;
  width: 38%;
  margin: 0 auto;
  text-align: left;
}
.payment.payment-success .success-info-l1 > div {
  margin-left: 45px;
}
.payment.payment-success .icon-checkmark-c {
  position: absolute;
  top: -6px;
  left: 0;
}
.payment.payment-success .success-info-l1-txt {
  font-size: 12px;
}
.payment.payment-success .success-info-l1-txt .price {
  font-size: 24px;
}
.payment .success-info {
  text-align: center;
  padding-bottom: 30px;
}
.payment .success-info .success-info-l1 {
  line-height: 32px;
}
.payment .success-info .success-info-r {
  margin-right: 10%;
}
.payment .success-info .success-info-r .dt {
  display: inline-block;
  width: 80px;
  text-align: right;
}
.payment .payment-info {
  border-bottom: 1px solid #efefef;
}
.payment .payment-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.payment .payment-line {
  margin-top: 20px;
}
.payment a {
  margin: 0 10px;
}
.payment .payment-choose {
  margin: 20px 0;
}
.payment .payment-choose .btn-action {
  text-align: right;
  margin: 30px 40px 0 0;
}
.payment .payment-choose .btn-action > div {
  margin-bottom: 20px;
}
.payment .payment-choose .btn-action .btn > span {
  padding-left: 3em;
}
.payment .payment-choose .btn-action .btn > span > span {
  padding-right: 3em;
}
.payment .payment-choose-list {
  margin: 20px 0 30px 0;
}
.payment .payment-choose-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.payment .payment-choose-tab {
  position: relative;
  width: 100px;
  margin-right: 10px;
  margin-bottom: -2px;
  padding: 0;
  line-height: 30px;
  background: #FFFDEE;
  border: 2px solid #E8D393;
  border-bottom: none;
  color: #E39168;
  text-align: center;
  font-size: 14px;
}
.payment .payment-choose-bd {
  padding: 45px;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
}
.payment .payment-choose-title {
  font-size: 16px;
}
.payment .payment-choose-title .btn {
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 20px;
  border: 1px solid #e22335;
  background-color: #fff;
  color: #e22335;
  font-size: 12px;
}
.payment .payment-choose-title > span, .payment .payment-choose-title span.price {
  font-size: 12px;
}
.payment .payment-choose-title > span {
  margin-left: 20px;
}

.payment-choose-item {
  float: left;
  width: 210px;
  height: 68px;
  margin-right: 25px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
.payment-choose-item input, .payment-choose-item img {
  margin: 0;
  vertical-align: middle;
}
.payment-choose-item input[type="radio"] {
  display: none;
}
.payment-choose-item.on {
  border: 2px solid #e22335;
  height: 66px;
  width: 208px;
}
.payment-choose-item.on .choose-item-content i {
  display: block;
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 12px;
  color: #fff;
  z-index: 2;
}
.payment-choose-item.on .choose-item-content span {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0;
  height: 0;
  border-top: 25px solid #e22335;
  border-left: 25px solid transparent;
  z-index: 1;
}
.payment-choose-item .choose-item-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.payment-choose-item .choose-item-content i {
  display: none;
}

.payment-pop {
  padding: 20px;
}
.payment-pop .payment-pop-bd {
  margin-bottom: 10px;
  text-align: center;
}
.payment-pop .payment-pop-bd div {
  margin-bottom: 30px;
}

.password-dialog {
  text-align: center;
}
.password-dialog p {
  font-size: 18px;
  margin-bottom: 0;
}
.password-dialog p i {
  position: relative;
  top: 11px;
  font-size: 60px;
  color: #ffcc00;
  margin-right: 10px;
}
.password-dialog .btn > span {
  padding-left: 3em;
}
.password-dialog .btn > span > span {
  padding-right: 3em;
}
.password-dialog .pay-type {
  margin-top: 10px;
}
.password-dialog .pay-type a {
  color: red;
  position: relative;
  left: -10px;
}
.password-dialog .pay-type i {
  margin-right: 5px;
}

.payment-redpacket-choose-list {
  min-height: 50px;
  margin-bottom: 20px;
  margin-right: -8%;
}
.payment-redpacket-choose-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.payment-redpacket-choose-item, .payment-redpacket-item {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-right: 7%;
  padding: 15px 10px;
  width: 24%;
  height: 44px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.payment-redpacket-choose-item .icon-redpacket, .payment-redpacket-item .icon-redpacket {
  float: left;
  display: inline-block;
  width: 40px;
  height: 42px;
  background-position: -155px -123px;
}
.payment-redpacket-choose-item .red-packetname, .payment-redpacket-item .red-packetname {
  display: inline-block;
  width: 45%;
  margin: 0 5px 5px 0;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
.payment-redpacket-choose-item .price, .payment-redpacket-item .price {
  float: right;
  line-height: 40px;
  font-size: 16px;
}
.payment-redpacket-choose-item .out-time, .payment-redpacket-item .out-time {
  color: #999;
}
.payment-redpacket-choose-item .icon-close-b, .payment-redpacket-item .icon-close-b {
  display: none;
  position: absolute;
  top: -15px;
  left: -7px;
  color: #e22335;
  font-size: 20px;
  cursor: pointer;
}
.payment-redpacket-choose-item:hover .icon-close-b, .payment-redpacket-item:hover .icon-close-b {
  display: block;
}

.payment-redpacket-choose-item .red-packetname {
  line-height: 40px;
  margin-bottom: 0;
  margin-left: 5px;
}

.payment-redpacket-list {
  height: 410px;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.payment-redpacket-list .payment-redpacket-item:first-child {
  margin-top: 0;
}
.payment-redpacket-list .payment-redpacket-item {
  float: none;
  margin-right: 0;
  width: 300px;
  cursor: pointer;
}
.payment-redpacket-list .payment-redpacket-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.payment-redpacket-list .payment-redpacket-item .red-packetinfo {
  float: left;
  width: 60%;
  margin-left: 5px;
}
.payment-redpacket-list .payment-redpacket-item:hover, .payment-redpacket-list .on {
  border-color: #e22335;
}

.redpacket-dialog-action {
  position: absolute;
  left: 1px;
  bottom: 0;
  width: 99%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.redpacket-dialog-action .btn {
  width: 40%;
}

/* 确定订单 */
.order-verify-paytype .form-row {
  position: relative;
  float: left;
  width: 10%;
  text-align: center;
  margin-right: 20px;
  line-height: 36px;
  border: 1px solid #ddd;
}
.order-verify-paytype .form-row.last {
  clear: both;
  margin-bottom: 0;
}
.order-verify-paytype .form-row, .order-verify-paytype .form-row label {
  cursor: pointer;
}
.order-verify-paytype .form-row label {
  width: 100%;
}
.order-verify-paytype .form-row input {
  display: none;
}
.order-verify-paytype .form-row.on {
  border: 1px solid #1357aa;
}
.order-verify-paytype .form-row.on .checked-icon {
  display: block;
}

.verify-total-info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.verify-total-info .order-confirm-item-bd {
  border: 0;
}
.verify-total-info .total-info {
  float: right;
  font-size: 14px;
}
.verify-total-info .total-info .total-price {
  font-size: 24px;
}
.verify-total-info .total-info .col-lg-2 {
  text-align: right;
}
.verify-total-info .total-info .col-lg-2.price {
  text-align: left;
}
.verify-total-info .item-border {
  padding: 10px 0;
}

.order-verify-gooditem .item-bd {
  background-color: #f8f8f8;
}
.order-verify-gooditem .item-body {
  padding: 0;
}
.order-verify-gooditem .gooditem-left {
  float: left;
  width: 28%;
  background-color: #f7f8f9;
  padding: 30px;
  color: #666;
  line-height: 37px;
}
.order-verify-gooditem .gooditem-left .line-bottom {
  border-bottom: 1px solid #efefef;
}
.order-verify-gooditem .gooditem-left .row-title {
  float: left;
}
.order-verify-gooditem .gooditem-left .sp-set {
  float: right;
}
.order-verify-gooditem .gooditem-left .addr, .order-verify-gooditem .gooditem-left .time {
  color: #333;
}
.order-verify-gooditem .gooditem-left select {
  height: auto;
}
.order-verify-gooditem .gooditem-right {
  float: right;
  width: 64%;
  background-color: #fff;
  color: #666;
  padding-left: 10px;
}
.order-verify-gooditem .gooditem-right > div {
  background-color: #f8f8f8;
  padding: 30px 10px 30px 20px;
}
.order-verify-gooditem .gooditem-right table {
  border: 0;
  border-collapse: separate;
}
.order-verify-gooditem .gooditem-right table thead, .order-verify-gooditem .gooditem-right table tbody {
  background-color: #f8f8f8;
}
.order-verify-gooditem .gooditem-right table thead, .order-verify-gooditem .gooditem-right table tr {
  border-top: 0;
}
.order-verify-gooditem .gooditem-right table a {
  color: #666;
}
.order-verify-gooditem .gooditem-right .td-last {
  text-align: center;
}
.order-verify-gooditem .gooditem-right .tr-last {
  color: #333;
  font-size: 14px;
  text-align: right;
  padding-right: 40px;
}
.order-verify-gooditem .gooditem-right .freight {
  font-size: 12px;
}
.order-verify-gooditem .shipping-type-item {
  position: relative;
  display: inline-block;
  width: 45%;
  border: 1px solid #ddd;
  text-align: center;
}
.order-verify-gooditem .shipping-type-item, .order-verify-gooditem .shipping-type-item label {
  cursor: pointer;
}
.order-verify-gooditem .shipping-type-item label {
  width: 100%;
}
.order-verify-gooditem .shipping-type-item input[type="radio"] {
  display: none;
}
.order-verify-gooditem .shipping-type-item.on {
  border: 1px solid #1357aa;
}
.order-verify-gooditem .shipping-type-item.on .checked-icon {
  display: block;
}

.gift-item {
  color: #666;
}
.gift-item span {
  margin-left: 20px;
}

.tr-coupon-info .order-confirm-item-bd {
  background-color: #fdf9ee;
}

.item-body, .item-border {
  border: 1px solid #ddd;
}

.verify-table .cart-table-btm {
  border: 0;
  margin: 10px;
}
.verify-table .cart-row {
  border: 0;
}
.verify-table .total-row {
  font-size: 16px;
}
.verify-table .price {
  text-align: left;
  font-weight: bold;
}

.order-verify-invoice .item-border {
  padding: 10px;
}
.order-verify-invoice .use-point.disabled .point-number, .order-verify-invoice .use-point.disabled input {
  color: #adadad;
}
.order-verify-invoice .use-point.disabled .deduct-content {
  display: inline-block;
}
.order-verify-invoice .use-point.disabled .point-info {
  display: none;
}
.order-verify-invoice .use-point .choose-point input, .order-verify-invoice .use-point .choose-point label {
  cursor: pointer;
}
.order-verify-invoice .use-point .point-number {
  width: 80px;
  height: 28px;
  line-height: 28px;
}
.order-verify-invoice .use-point .deduct-point {
  color: #ff9b4b;
}
.order-verify-invoice .use-point .deduct-content {
  display: none;
  position: relative;
  padding: 3px 15px;
  margin-left: 10px;
  background-color: #f8e4e6;
  border: 1px solid #ec8691;
  font-size: 14px;
  color: #c81623;
}
.order-verify-invoice .use-point .deduct-content i {
  position: absolute;
  left: -7px;
  top: 7px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ec8691;
}
.order-verify-invoice .use-point .deduct-content i:after {
  content: "";
  position: absolute;
  left: 2px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #f8e4e6;
}
.order-verify-invoice .use-point .left-point {
  margin-left: 92px;
  color: #adadad;
}

.distribution-dialog .distribution-time-choose {
  margin-left: 5em;
}
.distribution-dialog .paytype-choose {
  margin-left: 8em;
}
.distribution-dialog .form-item {
  margin-bottom: 20px;
}

.taketime-dialog {
  color: #666;
}
.taketime-dialog .taketime-choose {
  color: #333;
}
.taketime-dialog .taketime-choose span {
  display: inline-block;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  border: 1px solid #CCCCCC;
  margin-right: -1px;
  float: left;
}
.taketime-dialog .taketime-choose label {
  margin-left: 0;
}
.taketime-dialog .taketime-choose .choose-date, .taketime-dialog .taketime-choose .choose-week {
  display: block;
  width: 100%;
  line-height: 100%;
  text-align: center;
}
.taketime-dialog .taketime-choose .choose-date {
  height: 16px;
  padding-top: 13px;
}
.taketime-dialog .taketime-choose .choose-week {
  height: 22px;
}
.taketime-dialog .taketime-choose .active {
  background-color: #79bf4f;
  color: #fff;
}
.taketime-dialog .taketime-item .form-act {
  margin-left: 3em;
}
.taketime-dialog .taketime-item .taketime-item-prompt {
  line-height: 24px;
  color: #666;
}
.taketime-dialog .form-item {
  margin-top: 20px;
}
.taketime-dialog .form-item.last {
  margin-bottom: 20px;
}
.taketime-dialog .last .form-act {
  margin-left: 16em;
}

.takegoods-dialog .form-item, .takegoods-dialog .item-addr {
  margin-bottom: 20px;
}
.takegoods-dialog a {
  color: #e0c17e;
  line-height: 16px;
  float: left;
}
.takegoods-dialog .takegoods-addr {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}
.takegoods-dialog .takegoods-addr.active {
  border: 1px solid #e0c17e;
}
.takegoods-dialog .takegoods-addr.active .choose-triangle, .takegoods-dialog .takegoods-addr.active .icon-checkmark {
  display: block;
}
.takegoods-dialog .choose-triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #e0c17e;
  border-right: 20px solid transparent;
  display: none;
}
.takegoods-dialog .icon-checkmark {
  position: absolute;
  top: -8px;
  left: 1px;
  color: #fff;
  display: none;
}
.takegoods-dialog .sp-addr {
  display: inline-block;
  width: 270px;
  float: left;
  line-height: 32px;
  margin-right: 10px;
  color: #666;
}
.takegoods-dialog .takegoods-item-action {
  margin-left: 13em;
}
.takegoods-dialog .takegoods-item-prompt {
  color: #666;
}
.takegoods-dialog .takegoods-item-prompt .form-act {
  line-height: 24px;
}

.placeholder {
  position: static;
}

.order-integral input {
  margin-right: 5px;
}
.order-integral .txt-integral {
  width: 80px;
  height: 30px;
  color: #666;
}
.order-integral .txt-integral.error-bd {
  border: 1px solid #C81622;
}
.order-integral .lbl-unit {
  color: #666;
  margin-right: 5px;
}
.order-integral .use-integral {
  color: #FFA35A;
  font-size: 14px;
  margin-left: 15px;
}
.order-integral em {
  font-style: normal;
}
.order-integral .sp-reminder {
  display: block;
  font-size: 12px;
  color: #C4C4C4;
  padding-left: 93px;
}
.order-integral .error-msg {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f8e4e6;
  border: 1px solid #C81622;
  color: #C81622;
  display: none;
}

/*预存款弹框样式*/
.password-dialog {
  text-align: center;
}
.password-dialog p {
  font-size: 18px;
  margin-bottom: 0;
}
.password-dialog p i {
  position: relative;
  top: 11px;
  font-size: 60px;
  color: #ffcc00;
  margin-right: 10px;
}
.password-dialog .btn > span {
  padding-left: 3em;
}
.password-dialog .btn > span > span {
  padding-right: 3em;
}
.password-dialog .pay-type {
  margin-top: 10px;
}
.password-dialog .pay-type a {
  color: red;
  position: relative;
  left: -10px;
}
.password-dialog .pay-type i {
  margin-right: 5px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.w210 {
  width: 210px;
}

.hid {
  display: none;
}

/*------ membercenter ------*/
.member-container {
  padding-top: 28px;
  padding-bottom: 28px;
}
.member-container i {
  vertical-align: -5% !important;
}

.member-container-left {
  outline: 1px solid #efefef;
}

.under-color {
  background-color: #fff;
}

.membercenter-tab {
  position: relative;
}
.membercenter-tab li {
  float: left;
  margin-right: -1px;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  background: transparent;
  border-radius: 6px 6px 0 0;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #efefef;
  cursor: pointer;
}
.membercenter-tab li.active {
  border-bottom: none;
  background: #fff;
  height: 47px;
  color: #cc2632;
}
.membercenter-tab .view-more {
  position: absolute;
  top: 30%;
  right: 0;
  right: 20px;
}

.membercenter-tab-con {
  border: 1px solid #efefef;
  margin-top: -1px;
}

.no-content {
  margin-top: 10px;
  padding: 160px 0 185px 0;
  border-top: 1px dotted #ccc;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.no-content .icon, .no-content [class^=icon-]:before {
  font-size: 50px;
  margin-right: 5px;
}

.no-content2 {
  color: #999;
  text-align: center;
}
.no-content2 .symbol {
  display: block;
  margin-bottom: 10px;
}
.no-content2 .symbol .txt {
  display: block;
}
.no-content2 .symbol .icon, .no-content2 .symbol [class^=icon-]:before {
  font-size: 30px;
}
.no-content2.order {
  padding: 30px 0 80px 0;
}
.no-content2.order .symbol {
  font-size: 16px;
}
.no-content2.order .icon, .no-content2.order [class^=icon-]:before {
  font-size: 50px;
}

.side-nav {
  padding-top: 15px;
  padding-bottom: 10px;
  background: #fff;
  color: #666;
}
.side-nav .side-nav-title {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
}
.side-nav .side-nav-list {
  padding: 0 0 10px 30px;
}
.side-nav .side-nav-list li {
  height: 24px;
  line-height: 24px;
}
.side-nav .side-nav-list li a {
  color: #666;
}
.side-nav .side-nav-list li.on a {
  color: #dd2434;
}
.side-nav .side-nav-item:first-child {
  border-top: none;
}

.member-home-btn {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  text-indent: 20px;
  border-bottom: 1px solid #efefef;
  background: #fff;
  color: #ea2329;
}

.nowrap {
  width: 80px;
}

.membercenter-box {
  margin-bottom: 20px;
}
.membercenter-box .membercenter-box-hd {
  border-bottom: 1px solid #efefef;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  background: #fff;
  color: #333;
  font-size: 14px;
}
.membercenter-box .membercenter-box-hd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-box .membercenter-box-hd [class^=col-] {
  margin-left: 0;
}
.membercenter-box .membercenter-box-hd .col-goods {
  width: 386px;
  text-indent: 10px;
}
.membercenter-box .membercenter-box-hd .col-price {
  width: 70px;
}
.membercenter-box .membercenter-box-hd .col-number {
  width: 70px;
}
.membercenter-box .membercenter-box-hd .col-status {
  width: 190px;
}
.membercenter-box .membercenter-box-hd .col-total {
  width: 90px;
}
.membercenter-box .membercenter-box-hd .col-operate2 {
  width: 80px;
}
.membercenter-box .membercenter-box-hd .btn {
  line-height: 26px;
  font-size: 12px;
  font-weight: normal;
}
.membercenter-box .membercenter-box-bd {
  padding: 20px;
  background: #fff;
}
.membercenter-box .membercenter-box-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-box .membercenter-box-bd.nogap {
  padding: 10px 0;
}
.membercenter-box .membercenter-box-bd .no-data {
  padding: 92px 0;
}
.membercenter-box .membercenter-box-bd .bg-icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  font-size: 70px;
  border-radius: 50%;
  background-color: #d5d5d5;
  margin: 0 auto;
}
.membercenter-box .membercenter-box-bd p {
  color: #787878;
}
.membercenter-box .membercenter-box-left {
  float: left;
}
.membercenter-box .membercenter-box-left .order-status {
  margin-left: 30px;
  font-weight: normal;
}
.membercenter-box .membercenter-box-right {
  float: right;
}
.membercenter-box .membercenter-box-right .btn {
  height: 28px;
  line-height: 28px;
  margin-top: -2px;
}
.membercenter-box .membercenter-box-right .btn span {
  line-height: 28px;
}
.membercenter-box .membercenter-order-box-right {
  width: 30%;
  text-align: right;
}
.membercenter-box .membercenter-box-row .btn {
  margin-left: 10px;
}
.membercenter-box .membercenter-box-row .consult-btn-delete {
  color: #b69144;
}
.membercenter-box .membercenter-box-row .consult-btn-delete i:before {
  font-size: 20px;
  display: inline-block;
  font-family: "iconfonts";
  vertical-align: middle;
  margin-right: 5px;
}

.cart .membercenter-box .membercenter-box-hd .col-goods {
  width: 736px;
  text-indent: 10px;
}
.cart .membercenter-box .membercenter-box-hd .col-price {
  width: 120px;
}
.cart .membercenter-box .membercenter-box-hd .col-number {
  width: 80px;
}
.cart .membercenter-box .membercenter-box-hd .col-status {
  width: 190px;
}
.cart .membercenter-box .membercenter-box-hd .col-total {
  width: 120px;
}
.cart .membercenter-box .membercenter-box-hd .col-operate2 {
  width: 80px;
}

.membercenter-box-wrap .membercenter-box-title {
  height: 30px;
  line-height: 30px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.membercenter-box-wrap .membercenter-box-hd {
  font-size: 12px;
  font-weight: normal;
}

.avatar {
  text-align: center;
}
.avatar i {
  width: 45px;
  font-size: 45px;
  color: #e6e6e6;
}
.avatar img {
  display: block;
  width: 45px;
  height: 45px;
}

.item-table {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #efefef;
}
.item-table:first-child {
  margin-top: 0;
}
.item-table thead {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 1px solid #efefef;
  color: #666;
}
.item-table thead span {
  margin-right: 20px;
}
.item-table thead td {
  padding: 0 10px;
}
.item-table tbody {
  background: #fff;
}
.item-table tbody tr {
  border-bottom: 1px solid #efefef;
}
.item-table tbody tr.gift-tr {
  border-top: 0;
}
.item-table tbody tr.gift-tr td {
  padding: 2px 10px;
}
.item-table tbody tr.gift-tr span {
  display: inline-block;
}
.item-table tbody tr.gift-tr span:nth-child(1) {
  padding-left: 60px;
  width: 61%;
}
.item-table tbody tr.gift-tr span:nth-child(1) a {
  width: 36%;
  color: #333;
}
.item-table tbody tr.gift-tr span:nth-child(1) a:hover {
  color: #ea2329;
}
.item-table tbody tr.gift-tr span:nth-child(1) > span {
  margin-left: 20px;
  color: #666;
}
.item-table tbody td {
  padding: 10px;
}
.item-table tfoot {
  border-top: 1px solid #efefef;
}
.item-table tfoot td {
  padding: 10px;
}
.item-table.table-address .table-col-2 {
  width: 40%;
}
.item-table.table-goods .table-col-1 {
  width: 70px;
}
.item-table.table-goods .table-col-2 {
  width: 30%;
}
.item-table.table-goods .table-col-3 {
  width: 80px;
}
.item-table.table-goods .table-col-4 {
  width: 70px;
}
.item-table.table-goods .table-col-5 {
  width: 85px;
  border-right: 1px solid #ccc;
}
.item-table.table-goods .table-col-7 {
  width: 100px;
}
.item-table.table-goods .table-col-8 {
  width: 122px;
}
.item-table.table-goods .item-price {
  width: 120px;
}
.item-table.table-goods tbody td {
  padding: 10px 0;
  text-align: center;
}
.item-table.table-goods tbody td:nth-child(2), .item-table.table-goods tbody td.col-operate {
  text-align: left;
}
.item-table.table-goods .btn span {
  margin-right: 0;
}
.item-table.table-orderdtl .table-col-1 {
  width: 70px;
}
.item-table.table-orderdtl .table-col-2 {
  width: 45%;
}
.item-table.table-refund .table-col-1 {
  width: 70px;
}
.item-table.table-refund .table-col-2 {
  width: 35%;
}
.item-table.table-consult .table-col-1 {
  width: 15px;
}
.item-table.table-consult .table-col-2 {
  width: 112px;
}
.item-table.table-consult .table-col-3 {
  width: 25%;
}
.item-table.table-consult .table-col-4 {
  width: 62%;
}
.item-table.table-checkout .table-col-1 {
  width: 70px;
}
.item-table.table-checkout .table-col-2 {
  width: 55%;
}
.item-table.table-checkout .table-col-3 {
  width: 120px;
}
.item-table.table-checkout .table-col-4 {
  width: 80px;
}
.item-table.table-checkout .table-col-5 {
  width: 120px;
}
.item-table.table-checkout .col-lg-1 {
  text-align: right;
}
.item-table.table-checkout .price select {
  vertical-align: middle;
}
.item-table.table-checkout tfoot td {
  padding-left: 30px;
}
.item-table.table-checkout thead {
  border-top: 2px solid #ddd;
}
.item-table.table-checkout .coupon-choose {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #1357aa;
  background-color: #f8e4e6;
  font-size: 14px;
  cursor: pointer;
  padding: 0 18px;
}
.item-table.table-checkout .coupon-choose .icon, .item-table.table-checkout .coupon-choose [class^=icon-]:before {
  font-size: 10px;
  text-align: center;
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-color: #1357aa;
  margin-top: -3px;
  color: #fff;
  border-radius: 100%;
  vertical-align: middle;
}
.item-table.table-checkout .coupon-checked {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #1357aa;
  background-color: #f8e4e6;
  padding: 3px 10px;
  color: #666;
}
.item-table.table-checkout .subtotal {
  border-top: 1px solid #ddd;
}
.item-table.table-checkout .subtotal-info > div {
  float: right;
}
.item-table.table-checkout .subtotal-info > div:first-child {
  height: 40px;
  line-height: 40px;
}
.item-table.table-checkout .discount-area {
  background-color: #fdfdfd;
}
.item-table.table-checkout .discount-title {
  border-top: 1px solid #ddd;
}
.item-table .col-operate a, .item-table .col-operate span {
  margin-right: 10px;
  white-space: nowrap;
}
.item-table .col-operate a:last-child {
  margin-right: 0;
}
.item-table .col-operate .btn {
  margin-bottom: 10px;
}

.voucher-checked {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  padding: 3px 10px;
  color: #666;
}

.search-trade-form {
  margin-bottom: 10px;
  text-align: right;
}
.search-trade-form input {
  width: 20%;
  height: 24px;
}
.search-trade-form button {
  height: 30px;
  font-size: 12px;
}
.search-trade-form button span {
  padding-left: .5em;
}
.search-trade-form button span span {
  line-height: 30px;
  padding-right: 1em;
}

.table-goods-pic {
  margin: 0 5px;
  width: 64px;
  height: 64px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.table-goods-pic img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
  height: auto;
}

.item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}

.table-goods-item .table-goods-pic {
  float: left;
}
.table-goods-item .table-goods-info {
  margin-left: 76px;
}
.table-goods-item .note {
  display: block;
  margin-top: 5px;
  color: #999;
}

.sp-checkall {
  display: block;
  width: 50px;
  line-height: 26px;
}

.sp-checkall, .act-mergepay {
  float: left;
}

.points-add {
  font-size: 16px;
  color: #ff0000;
}

.points-subtract {
  font-size: 16px;
  color: #1A8725;
}

.points-minus {
  font-size: 16px;
  color: #FF853C;
}

.points-wrap {
  margin: 20px 40px;
}
.points-wrap h3 {
  font-size: 12px;
  color: #666;
}
.points-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.points-wrap .points-left {
  float: left;
  margin-right: 70px;
  padding-right: 70px;
  border-right: 1px solid #ddd;
}
.points-wrap .points-right {
  float: left;
}
.points-wrap .points-have {
  font-size: 26px;
  color: #ff0000;
}
.points-wrap .points-past {
  font-size: 26px;
  color: #FF853C;
}
.points-wrap .note {
  color: #999;
}

.membercenter-favorit:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-favorit .membercenter-favorite-item {
  position: relative;
  float: left;
  width: 122px;
  min-height: 160px;
  margin: 0 12px 10px 15px;
  text-align: center;
}
.membercenter-favorit .membercenter-favorite-item .pic {
  width: 120px;
  height: 120px;
  line-height: 118px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center;
  position: relative;
}
.membercenter-favorit .membercenter-favorite-item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.membercenter-favorit .membercenter-favorite-item .pic img {
  width: auto;
  height: auto;
}
.membercenter-favorit .membercenter-favorite-item .name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.membercenter-favorit .membercenter-favorite-item .operate {
  display: none;
  position: absolute;
  top: 0;
  right: -2px;
}
.membercenter-favorit .membercenter-favorite-item .operate a {
  margin-left: 5px;
}
.membercenter-favorit .membercenter-favorite-item .operate2 {
  display: none;
  position: absolute;
  top: 0;
  right: -2px;
}
.membercenter-favorit .membercenter-favorite-item:hover .operate {
  display: block;
}
.membercenter-favorit .membercenter-favorite-item.on .btn-select {
  border-color: #e22335 #e22335 transparent transparent;
}
.membercenter-favorit .membercenter-favorite-item.on .item-mask {
  border: 2px solid #e22335;
}
.membercenter-favorit .item-mask {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.membercenter-history .title {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 10px;
}
.membercenter-history .history-list {
  margin-right: -50px;
}
.membercenter-history .history-item {
  width: 142px;
  float: left;
  margin-right: 50px;
  text-align: center;
  overflow: hidden;
}
.membercenter-history .history-item .pic {
  width: 140px;
  height: 140px;
  line-height: 138px;
  border: 1px solid #dadada;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center;
  position: relative;
}
.membercenter-history .history-item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.membercenter-history .history-item .pic img {
  width: auto;
  height: auto;
}
.membercenter-history .history-item .name {
  color: #666;
  width: 100%;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-cancel {
  margin-left: 30px;
}
.order-cancel:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.order-cancel .icon-information-a {
  float: left;
  margin-right: 20px;
  font-size: 60px;
  color: orange;
}
.order-cancel ul {
  float: left;
}
.order-cancel em {
  color: red;
}
.order-cancel textarea {
  width: 264px;
}
.order-cancel select {
  width: 270px;
}

.batch-operation {
  font-size: 12px;
  font-weight: normal;
}
.batch-operation input[type="checkbox"] {
  margin: 0 3px 0 0;
}
.batch-operation a {
  margin-left: 15px;
}
.batch-operation .batch-expand, .batch-operation .batch-expand-txt, .batch-operation .batch-unexpand-txt {
  float: left;
}
.batch-operation .batch-expand {
  display: none;
  width: 90px;
}
.batch-operation .batch-expand-txt {
  display: block !important;
}
.batch-operation .batch-unexpand-txt {
  display: none !important;
}

.is-batch-operate .batch-expand {
  display: block !important;
}
.is-batch-operate .batch-unexpand-txt {
  display: block !important;
}
.is-batch-operate .batch-expand-txt {
  display: none !important;
}
.is-batch-operate .operate {
  display: none !important;
}
.is-batch-operate .operate2 {
  display: block !important;
}
.is-batch-operate .item-mask {
  display: block !important;
}
.is-batch-operate .membercenter-favorite-item:hover {
  cursor: pointer;
}
.is-batch-operate .membercenter-favorite-item:hover .item-mask {
  border: 2px solid #e22335;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.favorite-category {
  margin: 0 10px 10px 10px;
  padding: 5px 20px;
  line-height: 2;
  background: #f5f5f5;
  height: 23px;
  overflow: hidden;
}
.favorite-category:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.favorite-category a {
  color: #333;
}
.favorite-category a.on {
  color: #e22335;
}
.favorite-category .favorite-category-all {
  float: left;
  margin-right: 20px;
}
.favorite-category .favorite-category-list {
  float: left;
  width: 80%;
}
.favorite-category .favorite-category-list a {
  margin-right: 20px;
  white-space: nowrap;
}
.favorite-category .favorite-category-list span {
  display: none;
}
.favorite-category .more-btn {
  float: right;
}
.favorite-category.is-expand {
  height: auto;
}
.favorite-category.is-expand .favorite-category-list span {
  display: inline;
}

.btn-square {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 22px;
  text-align: center;
}

.btn-select {
  position: relative;
  z-index: 30;
  display: block;
  width: 0;
  height: 0;
  border-width: 15px;
  border-color: #b9b9b9 #b9b9b9 transparent transparent;
  border-style: solid;
}
.btn-select i {
  position: absolute;
  top: -12px;
  left: 1px;
  font-size: 14px;
  color: #fff;
}

.membercenter-address .membercenter-address-title {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #666;
}
.membercenter-address .btn {
  margin-right: 20px;
}
.membercenter-address ul {
  margin-bottom: 30px;
}

.membercenter-userinfo .form-label {
  width: 110px;
}
.membercenter-userinfo .form-act,
.membercenter-userinfo .caution {
  margin-left: 120px;
  margin-left: 2rem;
}
.membercenter-userinfo .caution {
  vertical-align: top;
}
.membercenter-userinfo .help-block {
  margin-bottom: 0;
}

.txt-list.assets {
  border-right: 1px solid #efefef;
}
.txt-list.safe-center {
  position: relative;
  padding-left: 20px;
}
.txt-list.safe-center .con-title {
  padding-bottom: 18px;
}
.txt-list.safe-center .set-item {
  margin-top: 10px;
}
.txt-list.safe-center .set {
  position: absolute;
  right: 0;
  top: 0;
}
.txt-list li {
  float: left;
  margin-bottom: 10px;
  text-align: center;
  min-width: 25%;
  height: 66px;
  color: #666;
  line-height: 1.2;
}
.txt-list li i {
  font-size: 44px;
}
.txt-list .icon-redpacket, .txt-list .icon-integral, .txt-list .icon-coupons {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 6px 0 10px 0;
}
.txt-list .redpacket {
  color: #f73c3c;
}
.txt-list .redpacket a {
  color: #f73c3c;
}
.txt-list .redpacket .icon-redpacket {
  background-position: -88px 0;
}
.txt-list .integral {
  color: #f5aa29;
}
.txt-list .integral a {
  color: #f5aa29;
}
.txt-list .integral .icon-integral {
  background-position: 0 0;
}
.txt-list .coupons {
  color: #ee8219;
}
.txt-list .coupons a {
  color: #ee8219;
}
.txt-list .coupons .icon-coupons {
  background-position: -44px 0;
}
.txt-list .deposit {
  position: relative;
  top: -5px;
  color: #f7713c;
}
.txt-list .deposit a {
  color: #f7713c;
}
.txt-list .title {
  display: inline-block;
  width: 3em;
  margin-right: 1em;
  color: #666;
}
.txt-list .status {
  color: #999;
}
.txt-list a {
  margin: 0 10px;
}
.txt-list em {
  color: red;
}

.box-display {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.order-pop .operate {
  margin-top: 10px;
}
.order-pop a {
  margin-right: 20px;
}

.orderdtl-box {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
.orderdtl-box:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.orderdtl-box:first-child {
  border-top: none;
}
.orderdtl-box .orderdtl-hd {
  padding: 0 10px;
  font-weight: bold;
}
.orderdtl-box .orderdtl-bd {
  padding: 20px 20px 0 20px;
}
.orderdtl-box .orderdtl-bd > div {
  margin-bottom: 10px;
}
.orderdtl-box .orderdtl-hd-changed {
  padding: 0 10px 10px 10px;
  font-weight: bold;
  font-size: 14px;
  margin-top: -6px;
  border-bottom: 1px solid #ddd;
}
.orderdtl-box .status-bar2 {
  margin: 0 50px;
}
.orderdtl-box .item-table thead {
  background: #f5f5f5;
}
.orderdtl-box .row {
  margin-bottom: 10px;
}
.orderdtl-box .orderdtl-box-right {
  float: right;
}
.orderdtl-box.membercenter-ordert1-unpay-hd {
  padding: 20px 100px;
}

.sp-see {
  cursor: pointer;
  color: #0563c3;
}

span.icon-contacts {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: -251px -5px;
  cursor: pointer;
}

.tp-3 {
  top: -3px;
}

.safe-setting {
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #efefef;
}
.safe-setting .safe-setting-row {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #efefef;
}
.safe-setting .safe-setting-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.safe-setting .safe-setting-row:first-child {
  border-top: none;
}
.safe-setting .safe-setting-row i,
.safe-setting .safe-setting-row span {
  width: auto;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px;
}
.safe-setting .safe-setting-row i.safe-setting-intro,
.safe-setting .safe-setting-row span.safe-setting-intro {
  width: 460px;
}
.safe-setting .safe-setting-row i.icon, .safe-setting .safe-setting-row i[class^=icon-]:before,
.safe-setting .safe-setting-row span.icon,
.safe-setting .safe-setting-row span[class^=icon-]:before {
  width: 30px;
}
.safe-setting .safe-setting-row .operate {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  text-align: right;
}
.safe-setting i {
  margin-right: 20px;
  font-size: 32px;
}
.safe-setting i.icon-checkmark-c {
  color: #8AB660;
}
.safe-setting i.icon-alert {
  color: #eaca17;
}
.safe-setting .safe-setting-title {
  margin-right: 40px;
  font-size: 15px;
  color: #333;
}
.safe-setting .safe-setting-intro {
  display: inline-block;
  width: 430px;
  color: #666;
}
.safe-setting .operate {
  float: right;
}
.safe-setting .operate a {
  display: block;
  float: none;
}
.safe-setting .unbind-btn {
  margin-top: 5px;
  color: #999;
}

.status-bar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.status-bar div {
  position: relative;
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin-right: 18px;
  padding-left: 30px;
  background: #F3F3F3;
  color: #666;
}
.status-bar div.on {
  background: #8ab660;
  color: #fff;
}
.status-bar div.on i.icon-last {
  color: #8ab660;
}
.status-bar i {
  position: absolute;
  top: -6px;
  left: 0;
  font-size: 42px;
  color: #fff;
}
.status-bar i.icon-last {
  left: 180px;
  color: #F3F3F3;
}

.safe-box {
  padding: 30px;
}
.safe-box .status-bar {
  margin-bottom: 30px;
}
.safe-box ul {
  margin-top: 30px;
}
.safe-box .form-row {
  margin-bottom: 30px;
}

.safe-hint {
  color: #FF853C;
}
.safe-hint .icon, .safe-hint [class^=icon-]:before {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.safe-hint a {
  margin-left: 10px;
  color: #FF853C;
  text-decoration: underline;
}

.password-check {
  float: right;
  margin-top: 5px;
}

.refund-img-box:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.refund-img-box .table-goods-pic {
  float: left;
  margin-right: 20px;
}

/* 店铺评星 */
.rating,
.rating-tip {
  margin-bottom: 12px;
  margin-left: 80px;
  font-size: 15px;
  color: #7a7a7a;
}
.rating:after,
.rating-tip:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.rating-type,
.rating-star,
.rating-val,
.rating-dec {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}

.rating-star {
  height: 27px;
}
.rating-star i {
  float: left;
  display: block;
  width: 28px;
  height: 27px;
  padding-right: 9px;
  margin-top: -3px;
  font-size: 32px;
  cursor: pointer;
  color: #b8b8b9;
}
.rating-star i.icon-star {
  color: #ff8500;
}

.rating-val {
  color: #e42334;
}

.rating-tip {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #ff8d10;
}

/* 宝贝评价 */
.goods-score {
  border: 1px solid #efefef;
  margin-bottom: 10px;
}

.score-level {
  padding: 15px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #efefef;
}
.score-level:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.score-level .goods-price {
  float: right;
}

.goods-infor,
.goods-infor .goods-img,
.goods-infor .goods-title,
.level-key,
.level-item {
  float: left;
}

.goods-infor .goods-img {
  width: 66px;
}
.goods-infor .goods-img img {
  display: block;
}

.goods-title {
  width: 240px;
  margin-left: 10px;
  font-size: 14px;
  display: table;
  height: 64px;
}
.goods-title a {
  display: table-cell;
  vertical-align: middle;
}

.goods-price {
  float: right;
  margin-right: 30px;
  height: 64px;
  display: table;
}
.goods-price div {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

.choose-level {
  margin-left: 30px;
  margin-top: 20px;
}
.choose-level:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.level-item {
  margin-left: 60px;
}
.level-item label {
  vertical-align: middle;
  margin-left: 6px;
  font-size: 14px;
}
.level-item label span {
  line-height: 55px;
  margin-left: 5px;
}
.level-item .icon, .level-item [class^=icon-]:before {
  vertical-align: middle;
  margin-left: 6px;
  font-size: 40px;
}
.level-item .good-color {
  color: #d34742;
}
.level-item .normal-color {
  color: #ddba3a;
}
.level-item .bad-color {
  color: #424242;
}

.level-key {
  font-size: 15px;
  height: 38px;
  line-height: 38px;
}

.score-comment {
  padding: 26px;
  position: relative;
}
.score-comment textarea {
  font-size: 14px;
  width: 100%;
  height: 200px;
}
.score-comment .letter-limit {
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #aaa;
}

.score-imgs {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
}
.score-imgs .imgs-key {
  padding-left: 10px;
}
.score-imgs.inbox {
  padding: 0;
}
.score-imgs.inbox .images-uploader {
  margin-left: 0;
  margin-right: 0;
}
.score-imgs.inbox .imgs-key {
  padding-left: 0;
}

.goods-comment {
  margin-top: 30px;
}

.evaluation-submit {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.evaluation-submit .anonymous {
  margin-bottom: 10px;
  font-size: 14px;
}
.evaluation-submit label {
  vertical-align: middle;
}
.evaluation-submit .btn > span {
  width: 240px;
}

.comment-header {
  background-color: #e8e8e8;
  padding-top: 5px;
  padding-bottom: 5px;
}
.comment-header span {
  display: inline-block;
  font-weight: normal;
  margin-left: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  color: #666;
}
.comment-header span.detail-header {
  margin-left: 20px;
  padding: 0;
  font-size: 12px;
}

/* 我的评价列表 */
.switchable {
  padding-top: 29px;
  position: relative;
}
.switchable .switchable-nav {
  position: absolute;
  left: 0;
  margin-top: -29px;
  z-index: 99;
}
.switchable .switchable-nav li {
  float: left;
  width: 130px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #f0f0f0;
  border-top-width: 2px;
  background-color: #f0f0f0;
  border-bottom: 0 none;
  margin-right: 3px;
  padding-top: 1px;
  cursor: pointer;
}
.switchable .switchable-nav li.active {
  background-color: #fff;
  border-top-color: #e22335;
  color: #e22335;
  cursor: default;
  height: 28px;
}
.switchable .switch-condition {
  position: absolute;
  right: 0;
  top: 0;
}
.switchable .switchable-content {
  position: relative;
  padding: 20px;
  border: 1px solid #f0f0f0;
}
.switchable .checkbox-inline, .switchable .input-sm, .switchable .input-comb-sm input, .input-comb-sm .switchable input, .switchable .input-comb-sm > .input-comb-addon {
  margin-right: 10px;
}
.switchable .del-color {
  color: #e32436;
}

.icon-flower.good {
  color: #d34742;
}
.icon-flower.neutral {
  color: #ddba3a;
}
.icon-flower.bad {
  color: #424242;
}

.name-hide-dialog {
  text-align: center;
  padding: 30px;
}
.name-hide-dialog h4 {
  margin-bottom: 30px;
  font-weight: normal;
}
.name-hide-dialog .btn {
  margin-left: 30px;
  margin-right: 30px;
}

.name-hide, .del-item, .mar-l10 {
  margin-left: 10px;
}

.btn-cancel > span {
  padding-left: 1.5em;
  color: #fff;
  background-image: -webkit-linear-gradient(#333, #000);
  background-image: -moz-linear-gradient(#333, #000);
  background-image: linear-gradient(#333333, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FF333333', endColorstr='#FF000000') \9;
}
.btn-cancel > span > span {
  padding-right: 1.5em;
}
.btn-cancel:hover > span, .btn-cancel:focus > span {
  background-image: -webkit-linear-gradient(#666, #000);
  background-image: -moz-linear-gradient(#666, #000);
  background-image: linear-gradient(#666666, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FF666666', endColorstr='#FF000000') \9;
}

.table-evaluation .level, .table-evaluation .detail, .table-evaluation .thumb, .table-evaluation .txt {
  display: inline-block;
  vertical-align: middle;
}
.table-evaluation .creat-date {
  color: #ccc;
}
.table-evaluation .level {
  width: 40px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}
.table-evaluation .level .icon-flower {
  font-size: 30px;
}
.table-evaluation .detail {
  width: 80%;
}
.table-evaluation .thumb {
  width: 64px;
  margin-right: 10px;
}
.table-evaluation .txt {
  width: 100px;
}
.table-evaluation .pre-comment {
  border-width: 0;
}
.table-evaluation .pre-comment .init {
  background: #efefef;
  padding: 10px;
}
.table-evaluation .pre-comment .init-key {
  color: #ccc;
}
.table-evaluation .feedback {
  background: #f4f4f4;
  border-radius: 6px;
  margin-top: 10px;
  color: #999;
}
.table-evaluation .feedback .feedback-tit {
  padding: 10px;
}
.table-evaluation .feedback .feedback-txt {
  padding: 0 20px 10px 20px;
}
.table-evaluation .feedback .feedback-txt p {
  word-break: break-all;
}
.table-evaluation .show-pics {
  margin-bottom: 10px;
}
.table-evaluation .show-pics a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  margin-right: 3px;
  width: 50px;
  text-align: center;
}
.table-evaluation .show-pics a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.table-evaluation .show-pics a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.table-evaluation .add-comment {
  width: 80%;
  margin-left: 18%;
  margin-top: 10px;
}

.show-pic-dialog {
  padding-left: 10px;
}
.show-pic-dialog .show-img {
  display: table-cell;
  vertical-align: middle;
  width: 460px;
  height: 460px;
  margin: 0 auto;
  text-align: center;
}
.show-pic-dialog .show-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 修改评论 大部分延用评论页模块 */
.old-evaluation-view {
  padding: 20px 30px;
  font-size: 14px;
  color: #676767;
}
.old-evaluation-view li {
  padding-top: 16px;
}
.old-evaluation-view li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.old-evaluation-view li .view-key {
  float: left;
  width: 120px;
}
.old-evaluation-view li .view-val {
  float: left;
}
.old-evaluation-view li .view-val a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 3px;
  width: 65px;
  text-align: center;
  background-color: #fff;
  height: 65px;
  line-height: 65px;
}
.old-evaluation-view li .view-val a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.old-evaluation-view li .view-val a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.rate-edit-orderinfo {
  margin-bottom: 20px;
}
.rate-edit-orderinfo span {
  margin: 0 5px;
}

.goods-comment-l {
  width: 50%;
  border-right: 1px solid #efefef;
}
.goods-comment-l .rate-price {
  height: 64px;
  line-height: 64px;
}

.goods-comment-r {
  width: 46%;
  margin-top: 10px;
  margin-left: 20px;
}
.goods-comment-r i {
  font-size: 22px;
}
.goods-comment-r .rate-content {
  margin-left: 10px;
  color: #666;
}

.edit-score-comment {
  background-color: #fef6f1;
}
.edit-score-comment .score-comment span {
  vertical-align: top;
}
.edit-score-comment .score-comment textarea {
  width: 90%;
}
.edit-score-comment .score-comment .letter-limit {
  right: 46px;
}
.edit-score-comment .score-imgs {
  padding-left: 75px;
}
.edit-score-comment .score-imgs .img-thumbnail {
  background-color: #fff;
}
.edit-score-comment .score-imgs .imgs-key {
  color: #666;
}

/* 会员优惠券模块 */
.coupon-box .membercenter-box-hd {
  background: none;
  border-bottom: 0;
}
.coupon-box .membercenter-box-bd {
  outline: 1px solid #efefef;
}

.coupon-toolbar, .redpacket-toolbar {
  height: 30px;
  line-height: 30px;
  margin: 0 0 20px;
  background-color: #f8f8f8;
}
.coupon-toolbar:after, .redpacket-toolbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.coupon-toolbar a, .redpacket-toolbar a {
  color: #333;
}
.coupon-toolbar .c-sort, .redpacket-toolbar .c-sort {
  float: left;
}
.coupon-toolbar .c-sort ul:after, .redpacket-toolbar .c-sort ul:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.coupon-toolbar .curr, .coupon-toolbar a:hover, .redpacket-toolbar .curr, .redpacket-toolbar a:hover {
  color: #dd2434;
}
.coupon-toolbar li, .redpacket-toolbar li {
  float: left;
  margin: 0 30px 0 0;
}
.coupon-toolbar .c-type, .redpacket-toolbar .c-type {
  position: relative;
  z-index: 5;
  padding: 1px 0 1px 10px;
  margin-left: 15px;
  border: 1px solid #f8f8f8;
  border-bottom: 0;
}
.coupon-toolbar .c-type .dt, .redpacket-toolbar .c-type .dt {
  width: 72px;
  padding-left: 5px;
}
.coupon-toolbar .c-type .dt i, .redpacket-toolbar .c-type .dt i {
  margin-left: 2px;
  position: relative;
  top: -1px;
}
.coupon-toolbar .c-type .dt .icon-arrow-down, .redpacket-toolbar .c-type .dt .icon-arrow-down {
  display: inline-block;
}
.coupon-toolbar .c-type .dt .icon-arrow-up, .redpacket-toolbar .c-type .dt .icon-arrow-up {
  display: none;
}
.coupon-toolbar .c-type .dd, .redpacket-toolbar .c-type .dd {
  position: absolute;
  display: none;
  top: 29px;
  left: -1px;
  width: 87px;
  background-color: #fff;
  border: 1px solid #efefef;
  border-top: 0;
}
.coupon-toolbar .c-type .dd a, .redpacket-toolbar .c-type .dd a {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}
.coupon-toolbar .c-type:hover, .redpacket-toolbar .c-type:hover {
  border: 1px solid #efefef;
  border-bottom: 0;
  background-color: #fff;
}
.coupon-toolbar .c-type:hover .dd, .redpacket-toolbar .c-type:hover .dd {
  display: inline-block;
}
.coupon-toolbar .c-type:hover .icon-arrow-down, .redpacket-toolbar .c-type:hover .icon-arrow-down {
  display: none;
}
.coupon-toolbar .c-type:hover .icon-arrow-up, .redpacket-toolbar .c-type:hover .icon-arrow-up {
  display: inline-block;
}
.coupon-toolbar .extra-r, .redpacket-toolbar .extra-r {
  float: right;
  font-size: 0;
}
.coupon-toolbar .extra-r a, .redpacket-toolbar .extra-r a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 6px 10px 0 0;
  overflow: hidden;
}
.coupon-toolbar .extra-r .lump-icon, .redpacket-toolbar .extra-r .lump-icon {
  background-position: -192px -7px;
}
.coupon-toolbar .extra-r .lump-icon.curr, .redpacket-toolbar .extra-r .lump-icon.curr {
  background-position: -132px -7px;
}
.coupon-toolbar .extra-r .list-icon, .redpacket-toolbar .extra-r .list-icon {
  background-position: -162px -8px;
}
.coupon-toolbar .extra-r .list-icon.curr, .redpacket-toolbar .extra-r .list-icon.curr {
  background-position: -222px -8px;
}

.coupon-items {
  margin-right: -65px;
}
.coupon-items:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.coupon-item {
  float: left;
  width: 265px;
  margin: 0 65px 20px 0;
}
.coupon-item .c-type {
  position: relative;
  width: 100%;
  height: 145px;
  padding-top: 30px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.coupon-item .c-price {
  font-family: Arial;
}
.coupon-item .c-price span {
  line-height: 60px;
  font-size: 18px;
  vertical-align: top;
}
.coupon-item .c-price strong {
  font-style: italic;
  font-size: 50px;
}
.coupon-item .c-limit {
  margin-bottom: 8px;
  font-size: 14px;
}
.coupon-item .c-time {
  color: #ba7717;
}
.coupon-item .c-type-left, .coupon-item .c-type-right, .coupon-item .c-type-bottom-circle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.coupon-item .c-type-left {
  top: 77px;
  left: -10px;
}
.coupon-item .c-type-right {
  top: 77px;
  right: -10px;
}
.coupon-item .c-type-bottom {
  position: absolute;
  width: 100%;
  height: 5px;
  background-position: 0 -108px;
  bottom: 0;
  left: 0;
}
.coupon-item .c-type-bottom-circle {
  display: none;
}
.coupon-item .c-type-remind-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 70px solid #ba7717;
  border-right: 70px solid transparent;
  color: #fff;
}
.coupon-item .c-type-remind-txt {
  position: absolute;
  top: 16px;
  left: -6px;
  width: 60px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* Internet Explorer 9*/
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.coupon-item .icon-close {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ba7717;
  cursor: pointer;
}
.coupon-item .c-msg {
  height: 240px;
  padding: 20px 0 0;
  background-color: #f8f8f8;
  font-size: 14px;
}
.coupon-item .c-msg .range-item {
  display: block;
  margin: 0 0 15px;
  color: #666;
}
.coupon-item .c-msg .range-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.coupon-item .c-msg .dt {
  float: left;
  width: 85px;
  display: inline-block;
  text-align: right;
}
.coupon-item .c-msg .txt {
  float: left;
  width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
  overflow: hidden;
}
.coupon-item .op-btn {
  margin-top: 80px;
  text-align: center;
}
.coupon-item .op-btn a.btn {
  width: 119px;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
  border: 1px solid #ffc672;
  color: #ffc672;
  vertical-align: middle;
}

.coupon-item-d .c-type {
  background: #ffc672;
}

.coupon-item-gray .c-type {
  background: #c7c7c7;
}
.coupon-item-gray .c-type-remind-bg {
  border-top-color: #9f9f9f;
}
.coupon-item-gray .icon-close, .coupon-item-gray .c-time {
  color: #9f9f9f;
}

.coupon-items02 {
  margin-right: 0;
}
.coupon-items02 .coupon-item {
  width: 100%;
  height: 181px;
  margin-right: 0;
  float: none;
}
.coupon-items02 .coupon-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.coupon-items02 .coupon-item .c-type {
  width: 258px;
  height: 153px;
  padding-top: 28px;
  float: left;
}
.coupon-items02 .c-type-left {
  top: -10px;
  left: 119px;
}
.coupon-items02 .c-type-right {
  display: none;
}
.coupon-items02 .c-type-bottom-circle {
  display: inline-block;
  bottom: -10px;
  left: 119px;
}
.coupon-items02 .c-type-bottom {
  width: 6px;
  height: 181px;
  top: 0;
  left: 252px;
  background-position: -276px 0;
}
.coupon-items02 .icon-close {
  right: 20px;
}
.coupon-items02 .c-msg {
  position: relative;
  float: left;
  width: 667px;
  height: 161px;
}
.coupon-items02 .c-msg .txt {
  width: 75%;
}
.coupon-items02 .c-range {
  float: left;
  width: 70%;
}
.coupon-items02 .op-btn {
  float: right;
  width: 166px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}

.no-coupon {
  font-size: 18px;
}
.no-coupon .icon-pricetags {
  font-size: 36px;
  color: #eaeaea;
  margin-right: 10px;
  vertical-align: middle;
}
.no-coupon .btn {
  display: block;
  padding: 0 20px;
  font-size: 12px;
  margin-top: 20px;
}

.voucher-items .op-btn a.btn {
  border-color: #f96f66;
  color: #f96f66;
}

.voucher-red {
  background: #f96f66 !important;
}

.font-white {
  color: #fff !important;
}

/* 会员红包 */
.redpacket-toolbar > ul:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.redpacket-toolbar li {
  margin-left: 40px;
}
.redpacket-toolbar .on a {
  color: #ea2329;
}

.redpacket-icon, .status-icon, .icon-redpacket, .icon-redpacket, .icon-integral, .icon-coupons, .extra-r a, .c-type-bottom, .icon-contacts, .widget-redpacket1 li, .widget-redpacket2 li, .code-info i {
  background: url(../images/member_icon.png) no-repeat 0 0;
}

.redpacket-list {
  margin-left: -38px;
}
.redpacket-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.redpacket-list .redpacket-item {
  position: relative;
  float: left;
  overflow: hidden;
  width: 25%;
  height: 138px;
  margin-left: 38px;
  margin-bottom: 20px;
  border: 1px solid #ea2329;
  border-top-width: 5px;
  border-radius: 5px;
  padding: 15px 20px 0 20px;
  background: #fff;
  color: #999;
}
.redpacket-list .redpacket-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.redpacket-list .item-bg {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 9px;
  background: -webkit-radial-gradient(circle, #ea2329 10%, transparent 10%), -webkit-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -moz-radial-gradient(circle, #ea2329 10%, transparent 10%), -moz-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -o-radial-gradient(circle, #ea2329 10%, transparent 10%), -o-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -ms-radial-gradient(circle, #ea2329 10%, transparent 10%), -ms-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: _radial-gradient_legacy(circle, #ea2329 10%, transparent 10%), _radial-gradient_legacy(circle, #ea2329 10%, white 10%) -1px -44px;
  background-size: 12px 100px;
}
.redpacket-list .redpacket-icon {
  float: left;
  width: 67px;
  height: 72px;
  background-position: 0 -123px;
}
.redpacket-list .redpacket-content {
  float: left;
  width: 63%;
  margin-left: 15px;
}
.redpacket-list .redpacket-name {
  width: 88%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.redpacket-list .money {
  color: #ea2329;
  font-size: 25px;
}
.redpacket-list .money span {
  font-weight: 600;
  font-size: 45px;
}
.redpacket-list.repacket-used-list .redpacket-item, .redpacket-list.redpacket-expire-list .redpacket-item {
  border-color: #c7c7c7;
}
.redpacket-list.repacket-used-list .item-bg, .redpacket-list.redpacket-expire-list .item-bg {
  background: -webkit-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -webkit-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -moz-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -moz-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -o-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -o-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -ms-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -ms-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: _radial-gradient_legacy(circle, #c7c7c7 10%, transparent 10%), _radial-gradient_legacy(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background-size: 12px 100px;
}
.redpacket-list.repacket-used-list .redpacket-icon, .redpacket-list.redpacket-expire-list .redpacket-icon {
  background-position: -77px -123px;
}
.redpacket-list.repacket-used-list .money, .redpacket-list.redpacket-expire-list .money {
  color: #c7c7c7;
}
.redpacket-list.repacket-used-list .status-icon, .redpacket-list.redpacket-expire-list .status-icon {
  background-position: 0 -40px;
}
.redpacket-list.redpacket-expire-list .status-icon {
  background-position: -95px -40px;
}

.redpacket-info {
  position: relative;
  padding-top: 5px;
}
.redpacket-info span {
  display: inline-block;
  width: 25%;
  text-align: left;
  color: #666;
}
.redpacket-info .status-icon {
  position: absolute;
  top: -6px;
  right: -10px;
  width: 85px;
  height: 58px;
}

/*成长值*/
.icon-cash.yellow, .icon-medal.orange {
  font-size: 20px;
  vertical-align: middle;
}

.grow-value {
  position: relative;
  display: block;
  width: 1020px;
  margin: 30px auto 0 auto;
}
.grow-value .txt {
  margin-bottom: 100px;
}
.grow-value .chart {
  position: relative;
  margin: 50px 0 30px 0;
}
.grow-value .line-fragment {
  position: relative;
  float: left;
}
.grow-value .line-fragment:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .line:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .line b {
  float: left;
  position: relative;
  display: inline-block;
  width: 80px;
  height: 3px;
  margin-top: 18px;
  background: #E2C2B1;
}
.grow-value .line b.on.full em {
  width: 100%;
}
.grow-value .line b.on em {
  background: #FF8034;
}
.grow-value .line b em {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0%;
  height: 3px;
  background: #FF8034;
}
.grow-value .line .grade {
  position: relative;
  float: left;
  display: inline-block;
  z-index: 10;
  width: 26px;
  height: 26px;
  margin: 0 3px;
  line-height: 26px;
  background-color: #fff;
  border: 4px solid #E2C2B1;
  border-radius: 50%;
  color: #E2C2B1;
  text-align: center;
}
.grow-value .line .grade.on {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  border-color: #fff;
  background-color: #FF8034;
  color: #fff;
}
.grow-value .line .grade.on.big {
  margin: 0 3px;
  border-color: #FFBE96;
}
.grow-value .line .pop-wrap {
  position: relative;
  float: left;
}
.grow-value .grow-pop {
  display: none;
  position: absolute;
  top: -85px;
  left: 10%;
  width: 136px;
  margin-left: -70px;
}
.grow-value .grow-pop p {
  padding: 5px 10px;
  border: 2px solid #FACB64;
  border-radius: 5px;
}
.grow-value .grow-pop p:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .grow-pop p .l1 {
  display: block;
  color: #FACB64;
  border-bottom: 1px solid #FACB64;
}
.grow-value .grow-pop p .l2 {
  color: #FF8034;
}
.grow-value .grow-pop i {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -6px;
  font-size: 30px;
  color: #FF8034;
}

.pop-hint .txt {
  display: table;
  width: 260px;
  margin: 0 auto;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.pop-hint .txt:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.pop-hint .icon, .pop-hint [class^=icon-]:before {
  float: left;
  font-size: 40px;
  vertical-align: middle;
}
.pop-hint .icon-checkmark-c {
  color: #8AB660;
}
.pop-hint .icon-alert {
  color: #eaca17;
}
.pop-hint .operate {
  text-align: center;
}
.pop-hint p {
  display: table-cell;
  vertical-align: middle;
}

.im-tit {
  float: left;
}

.im-b {
  float: left;
}
.im-b img {
  display: block;
  margin-bottom: 5px;
}

.artical-detail .artical-detail-hd {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.artical-detail .artical-detail-hd h2 {
  text-align: center;
}
.artical-detail .time {
  color: #999;
  font-size: 0.8em;
}
.artical-detail p {
  color: #666;
}

.artical-list li {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
}
.artical-list li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.artical-list .title {
  float: left;
  color: #000;
  width: 85%;
}
.artical-list .title a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.artical-list .time {
  float: right;
}

.dropmenu-list .dropmenu {
  background: #F0F0F0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.dropmenu-list .dropmenu .icon, .dropmenu-list .dropmenu [class^=icon-]:before {
  float: right;
}
.dropmenu-list .dropmenu a {
  color: #000;
}
.dropmenu-list .dropmenu-items {
  display: none;
}
.dropmenu-list .dropmenu-items li {
  background: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.dropmenu-list .dropmenu-items li a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
}
.dropmenu-list .dropmenu-items li a.active {
  color: #e22335;
}
.dropmenu-list.cur .dropmenu-items {
  display: block;
}

.complain-form {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.complain-form .row {
  margin-bottom: 20px;
}
.complain-form .table-goods-pic {
  float: left;
  margin-right: 20px;
}

.score-comment2 .letter-limit {
  display: none;
}
.score-comment2.wrong .comment {
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
}
.score-comment2.wrong .letter-limit {
  display: block;
  color: #D23F33;
}

.table-consult tbody tr {
  border-top: 0;
}
.table-consult tbody td {
  padding: 10px;
  border: 1px solid #ddd;
}
.table-consult tbody .border-right-none {
  border-right: 0;
}
.table-consult tbody .border-left-none {
  border-left: 0;
}
.table-consult .memberconter-consult-hd {
  text-align: center;
  color: #333;
}
.table-consult .col-reply {
  color: #666;
  line-height: 24px;
}
.table-consult .col-reply .col-reply-time {
  float: right;
  color: #999;
}
.table-consult .col-reply .no-reply {
  color: #999;
  float: none;
}

.new-order-list .order-item-intro {
  height: 28px;
  margin-top: 26px;
}
.new-order-list .order-item-intro:nth-child(1) {
  margin-top: 0;
}
.new-order-list .order-item-info {
  padding: 20px;
  border: 1px solid #efefef;
}
.new-order-list .order-item-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.new-order-list .order-item-info .info-col {
  float: left;
  text-align: center;
  height: 64px;
  margin-left: 0;
  line-height: 64px;
}
.new-order-list .order-item-info .info-col-01 {
  width: 40%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}
.new-order-list .order-item-info .info-col-02 {
  width: 15%;
}
.new-order-list .order-item-info .info-col-02 .info-goods-num {
  color: #666;
}
.new-order-list .order-item-info .info-col-02 p {
  margin-bottom: 6px;
}
.new-order-list .order-item-info .info-col-03 {
  width: 30%;
}
.new-order-list .order-item-info .info-col-03 span {
  width: 265px;
  height: 64px;
  display: table-cell;
  vertical-align: middle;
  color: #c81623;
  font-size: 20px;
  font-family: helvetica;
}
.new-order-list .order-item-info .info-col-04 {
  width: 15%;
}
.new-order-list .order-item-info .info-col-04 .center-layout {
  width: 132px;
  height: 64px;
  display: table-cell;
  vertical-align: middle;
}
.new-order-list .order-item-info .info-col-04 .center-layout a {
  margin-bottom: 10px;
  color: #666;
}
.new-order-list .order-item-info .sp-more {
  display: inline-block;
  height: 64px;
  padding-bottom: 15px;
  vertical-align: middle;
  text-align: center;
  margin-left: 2px;
}
.new-order-list .order-item-info .sp-more a {
  color: #333;
}
.new-order-list .order-item-info .sp-more a:hover {
  color: #0563C3;
}

.base-list-style {
  text-align: center;
}
.base-list-style tbody tr {
  border-top: 1px solid #efefef;
}
.base-list-style td {
  padding: 15px;
}
.base-list-style thead {
  color: #707070;
}

.list-col-1 {
  width: 10%;
}

.list-col-2 {
  width: 20%;
}

.list-col-3 {
  width: 30%;
}

.list-col-4 {
  width: 40%;
}

.list-col-5 {
  width: 50%;
}

.list-col-6 {
  width: 60%;
}

.list-col-7 {
  width: 70%;
}

.list-col-8 {
  width: 80%;
}

.list-col-9 {
  width: 90%;
}

.deposit .balance {
  border-right: 1px solid #efefef;
}
.deposit .balance span {
  display: inline-block;
  font-size: 24px;
  color: #c81623;
  vertical-align: middle;
  padding-left: 30px;
}
.deposit .recharge {
  text-align: center;
}
.deposit .increase {
  color: #c81623;
}
.deposit .reduce {
  color: #1ec656;
}

.canceled-detail span {
  display: inline-block;
  padding-left: 50px;
  padding-right: 50px;
}

.recharge-header {
  padding: 40px 0;
}
.recharge-content {
  border: 1px solid #efefef;
  padding: 100px 0;
  background: #fff;
}
.recharge-content .recharge-form {
  width: 40%;
  margin: 0 auto;
  font-size: 14px;
}
.recharge-content .recharge-form .txt {
  padding-top: 10px;
}
.recharge-content .recharge-form dl {
  clear: both;
}
.recharge-content .recharge-form dt {
  float: left;
  wdith: 100px;
}
.recharge-content .recharge-form dd {
  margin-left: 100px;
}
.recharge-content .recharge-form .form-title {
  font-size: 20px;
  color: #666;
}
.recharge-content .recharge-form .form-group {
  padding-top: 20px;
}
.recharge-content .recharge-form .form-action {
  padding-top: 50px;
  padding-left: 80px;
  padding-right: 80px;
}
.recharge-content .recharge-form .paytype:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.recharge-content .recharge-form .paytype li {
  float: left;
  margin-right: 16px;
  border: 1px solid #efefef;
  border-radius: 3px;
  min-width: 210px;
  text-align: center;
  padding: 6px 5px;
  line-height: 26px;
}
.recharge-content .recharge-form .paytype li input {
  float: left;
  margin-right: 5px;
}
.recharge-content .recharge-form .paytype li img {
  float: left;
}
.recharge-content .recharge-form .amount-error .input-block {
  border-color: #d9534f;
  color: #d9534f;
}
.recharge-content .recharge-form .amount-error .dv-error {
  display: block;
}
.recharge-content .recharge-form .dv-error {
  display: none;
  margin-top: 10px;
  color: #d9534f;
}
.recharge-content .recharge-form .dv-error .icon, .recharge-content .recharge-form .dv-error [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px;
}
.recharge-content .recharge-form .paytype-choose-list li {
  padding: 0;
  width: 210px;
  height: 68px;
  margin-right: 25px;
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  min-width: 208px;
}
.recharge-content .recharge-form .paytype-choose-list li input, .recharge-content .recharge-form .paytype-choose-list li img {
  margin: 0;
  vertical-align: middle;
  float: none;
}
.recharge-content .recharge-form .paytype-choose-list li input[type="radio"] {
  display: none;
}
.recharge-content .recharge-form .paytype-choose-list li label {
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.recharge-content .recharge-form .paytype-choose-list li.on {
  border: 2px solid #e22335;
  height: 66px;
  width: 208px;
}
.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content {
  width: 100%;
}
.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content i {
  display: block;
  position: absolute;
  top: -8px;
  right: 0;
  font-size: 12px;
  color: #fff;
  z-index: 2;
}
.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content span {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0;
  height: 0;
  border-top: 25px solid #e22335;
  border-left: 25px solid transparent;
  z-index: 1;
}
.recharge-content .recharge-form .paytype-choose-list .choose-item-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.recharge-content .recharge-form .paytype-choose-list .choose-item-content i {
  display: none;
}
.recharge-content .recharge-result {
  font-size: 20px;
  color: #333;
  text-align: center;
}
.recharge-content .recharge-result i {
  display: inline-block;
  font-size: 60px;
  vertical-align: middle;
  margin-right: 20px;
}
.recharge-content .recharge-result.finished i {
  color: #45c169;
}
.recharge-content .recharge-result.finished .btn-see {
  font-size: 12px;
  color: #c81624;
  margin-left: 20px;
}
.recharge-content .recharge-result.finished .btn-see i {
  color: #c81624;
  font-size: 14px;
  margin-right: 5px;
}
.recharge-content .recharge-result.failed i {
  color: #c81624;
}
.recharge-content .page-guide {
  padding-top: 40px;
  text-align: center;
}
.recharge-content .page-guide .btn {
  margin-left: 10px;
  margin-right: 10px;
}
.recharge-steps {
  float: right;
  text-align: right;
}
.recharge-steps span {
  position: relative;
  display: inline-block;
  min-width: 140px;
  padding: 6px 10px;
  background: #efefef;
  text-align: center;
}
.recharge-steps span:before {
  position: absolute;
  top: 0;
  right: -19px;
  content: " ";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right: 0;
  border-left-color: #f8f8f8;
  z-index: 9;
}
.recharge-steps span:after {
  position: absolute;
  top: 0;
  right: -14px;
  content: " ";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right: 0;
  border-left-color: #efefef;
  z-index: 10;
}
.recharge-steps span.current {
  background: #c81624;
  color: #fff;
}
.recharge-steps span.current:after {
  border-left-color: #c81624;
}
.recharge-steps span:last-child:before {
  content: none;
}
.recharge-steps span:last-child:after {
  content: none;
}
.recharge-title {
  float: left;
  font-size: 24px;
  color: #666;
}
.recharge-pay .recharge-form {
  width: 90%;
}
.recharge-pay .recharge-form .form-action {
  width: 30%;
  margin: 0 auto;
}

.recharge-order-content {
  padding-top: 40px;
  color: #666;
}
.recharge-order-content .order-info {
  padding: 0 80px;
  margin-bottom: 100px;
}
.recharge-order-content .goods-name {
  float: left;
  width: 40%;
}
.recharge-order-content .goods-name span {
  display: block;
}
.recharge-order-content .order-total {
  float: right;
}
.recharge-order-content .order-total span {
  color: #c81623;
  font-size: 24px;
}
.recharge-order-content .recharge-result span {
  position: relative;
}
.recharge-order-content .recharge-result.failed i.icon-tip {
  color: #ffcc00;
}
.recharge-order-content .recharge-result .btn-goback {
  font-size: 12px;
  color: #c81624;
}
.recharge-order-content .recharge-result .btn-goback i {
  font-size: 14px;
  margin-right: 5px;
}

.hint-dialog {
  padding: 20px 30px;
}
.hint-dialog .order-wait {
  color: #f88c0c;
}
.hint-dialog .type-choose {
  margin: 20px 0;
}
.hint-dialog .type-choose span {
  margin-right: 24px;
}
.hint-dialog .hint-content {
  color: #666;
}
.hint-dialog .hint-content p {
  line-height: 20px;
}
.hint-dialog .operation {
  text-align: center;
}
.hint-dialog .btn-sure {
  margin-left: 10px;
}

.aftersales-detail .aftersales-detail-order-bd {
  margin-top: 10px;
  padding-bottom: 10px;
}
.aftersales-detail .aftersales-detail-info {
  width: 80%;
  float: left;
  color: #333;
}
.aftersales-detail .aftersales-detail-info li {
  float: left;
  width: 50%;
}
.aftersales-detail .write-logistics {
  width: 15%;
  float: right;
  margin-top: 20px;
}
.aftersales-detail .status-bar3 {
  text-align: center;
}

.status-bar3 > div {
  display: inline-block;
  vertical-align: top;
}
.status-bar3 .bg-status, .status-bar3 .status-center {
  position: relative;
  margin-bottom: 15px;
}
.status-bar3 .first-status .bg-left {
  visibility: hidden;
}
.status-bar3 .bg-left, .status-bar3 .bg-center {
  position: relative;
  left: -90px;
  width: 160px;
  height: 4px;
  background: #ddd;
}
.status-bar3 .status-center .status-txt {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -30px;
}
.status-bar3 .number {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #ddd;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  z-index: 20;
}
.status-bar3 .txt {
  text-align: center;
  color: #666;
  width: 80px;
  margin: 5px auto 0 auto;
}
.status-bar3 .on .bg-left, .status-bar3 .on .bg-center, .status-bar3 .on .number {
  background-color: red;
}

.no-deposit .assets {
  width: 350px;
}

.aftersales-detail .status-bar3 {
  text-align: center;
}

.status-bar3 > div {
  display: inline-block;
  vertical-align: top;
}
.status-bar3 .bg-status, .status-bar3 .status-center {
  position: relative;
  margin-bottom: 15px;
}
.status-bar3 .bg-left, .status-bar3 .bg-center {
  position: relative;
  left: -90px;
  width: 160px;
  height: 4px;
  background: #ddd;
}
.status-bar3 .first-status .bg-left {
  visibility: hidden;
}
.status-bar3 .status-center .status-txt {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -30px;
}
.status-bar3 .number {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #ddd;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  z-index: 20;
}
.status-bar3 .txt {
  text-align: center;
  color: #666;
  width: 80px;
  margin: 5px auto 0 auto;
}
.status-bar3 .on .bg-left, .status-bar3 .on .bg-center, .status-bar3 .on .number {
  background-color: red;
}

/* 我的奖品 */
.lottery td {
  text-align: center;
}

.prize-info-wrap p:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.prize-info-wrap label {
  display: inline-block;
  width: 100px;
  float: left;
  text-align: right;
}
.prize-info-wrap span {
  display: inline-block;
  width: 70%;
  float: left;
}

.no-bg {
  background: none;
}

.no-bd {
  border: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.bd {
  border: 1px solid #efefef;
}

.col999 {
  color: #999;
}

/*--------- purchase nav ---------*/
.purchase-nav {
  background-color: #d40c4a !important;
}
.purchase-nav .menu a.on, .purchase-nav .menu a:hover {
  background-color: #b81336 !important;
}

.main.purchase-main {
  padding: 30px 0;
}

/*--------- purchase ----------*/
.purchase-view {
  position: relative;
}

.purchase-banner {
  float: left;
  width: 890px;
  height: 480px;
  overflow: hidden;
}
.purchase-banner .switchable-content {
  height: 480px;
}
.purchase-banner .slider li {
  width: 900px;
  height: 480px;
  text-align: center;
}
.purchase-banner .slider .slider-pic img {
  width: 900px;
  max-width: 100%;
  max-height: 100%;
}

.banner-info {
  position: absolute;
  top: 0;
  right: 0;
}
.banner-info li {
  height: 160px;
}

.group-purchase-banner .slider .slider-pic img {
  width: 100%;
}

.purchase-buying {
  float: left;
}
.purchase-buying.col-lg-12 {
  margin-left: 0;
}
.purchase-buying .buying-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid #999;
  font-size: 20px;
  font-family: "微软雅黑";
  color: #333;
}
.purchase-buying .buying-title i {
  font-size: 30px;
  color: #d70c4e;
  vertical-align: middle;
  font-weight: bold;
}
.purchase-buying .buying-list {
  margin-right: -6px;
  background-color: 'pink';
}
.purchase-buying .buying-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.purchase-buying .list-item {
  float: left;
  width: 440px;
  height: 290px;
  border: 1px solid #dadadd;
  margin: 10px 6px 0 0;
  background: #fff;
}
.purchase-buying .list-item.active {
  border-color: #e74063;
}
.purchase-buying .item-img {
  width: 100%;
  height: 180px;
  display: table;
  text-align: center;
}
.purchase-buying .item-img a {
  display: table-cell;
  height: 180px;
  vertical-align: middle;
}
.purchase-buying .item-info {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin: 15px 0;
  font-family: "微软雅黑";
}
.purchase-buying .item-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.purchase-buying .item-info a {
  color: #333;
}
.purchase-buying .info-title {
  float: left;
  width: 290px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
.purchase-buying .info-discount {
  position: relative;
  float: right;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.purchase-buying .info-discount strong {
  font-size: 22px;
  margin-left: 3px;
  vertical-align: baseline;
  font-family: Arial;
  font-weight: 300;
  letter-spacing: -1px;
  margin-right: 5px;
  font-style: italic;
}
.purchase-buying .info-discount i {
  position: absolute;
  top: -7px;
  right: -7px;
  color: #e74063;
  font-size: 43px;
}
.purchase-buying .sp-discount {
  display: inline-block;
  padding: 0 16px;
  height: 30px;
  background-color: #e74063;
  color: #fff;
}
.purchase-buying .sp-discount:after {
  position: absolute;
  left: 100%;
  content: "";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right-width: 0;
  border-left-width: 10px;
  border-left-color: #e74063;
}
.purchase-buying .item-time {
  height: 10px;
  line-height: 10px;
  font-size: 14px;
  color: #999;
  border-top: 1px dashed #dadadd;
  padding: 15px 0 15px 10px;
}
.purchase-buying .item-time i {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: middle;
}

.purchase-advance {
  float: right;
}
.purchase-advance .advance-title {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 20px;
}
.purchase-advance .advance-list {
  padding: 10px 10px 0 8px;
  border: 1px solid #dadadd;
  position: relative;
}
.purchase-advance .advance-list .prev, .purchase-advance .advance-list .next {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #a7a5a5;
  font-size: 30px;
  text-align: center;
}
.purchase-advance .advance-list .disable {
  color: #e0e0e0;
}
.purchase-advance .wrap-list {
  position: relative;
  width: 100%;
  max-height: 732px;
  overflow: hidden;
}
.purchase-advance .wrap-list ul {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 732px;
}
.purchase-advance .advance-item {
  position: relative;
  width: 272px;
  height: 112px;
  margin-bottom: 10px;
}
.purchase-advance .advance-item .advance-img {
  display: table;
  width: 100%;
  height: 112px;
  text-align: center;
}
.purchase-advance .advance-item .advance-img a {
  height: 112px;
  display: table-cell;
  vertical-align: middle;
}
.purchase-advance .dvbg, .purchase-advance .activity-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
}
.purchase-advance .dvbg {
  background-color: #000;
  background-color: raba(0, 0, 0, 0.5);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.purchase-advance .activity-name {
  width: 95%;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.buying-list-default, .advance-list-default {
  border: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
  color: #666;
}
.buying-list-default .activity-icon:after, .advance-list-default .activity-icon:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url(../images/activity_default.png) no-repeat center;
}

.buying-list-default {
  height: 650px;
  padding-top: 150px;
}

.advance-list-default {
  max-height: 750px;
  overflow: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.advance-list-default p {
  font-size: 18px;
}

/*------ purchase list ------*/
.purchase-list-banner {
  position: relative;
  height: 484px;
}
.purchase-list-banner .dv-list-banner a {
  display: block;
  height: 484px;
  max-width: 100%;
}
.purchase-list-banner .banner-info {
  position: absolute;
  top: 57px;
  right: 57px;
  width: 350px;
  height: 350px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80);
}
.purchase-list-banner .banner-info-content {
  width: 330px;
  height: 280px;
  margin: 10px 0 0 10px;
  background: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80);
  font-family: "微软雅黑";
  color: #2d2d30;
  text-align: center;
  padding-top: 50px;
}
.purchase-list-banner .banner-info-content h3 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
}
.purchase-list-banner .banner-info-content p {
  line-height: 54px;
  font-size: 14px;
}
.purchase-list-banner .banner-info-content i {
  margin-right: 10px;
}
.purchase-list-banner .banner-info-content strong {
  font-size: 24px;
}
.purchase-list-banner .banner-info-content.banner-info-remind p:nth-child(2) {
  height: 30px;
  line-height: 30px;
}
.purchase-list-banner .banner-info-content.banner-info-remind button {
  width: 40%;
  height: 42px;
  line-height: 42px;
  background-color: #f296bf;
  color: #fff;
  font-size: 16px;
}
.purchase-list-banner .banner-info-content .activity-over {
  display: inline-block;
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  border-radius: 3px;
  font-size: 30px;
  color: #666;
  border: 1px solid #999;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  /* IE 9 */
  -moz-transform: rotate(-7deg);
  /* Firefox */
  -webkit-transform: rotate(-7deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-7deg);
}
.purchase-list-banner .activity-notice {
  position: absolute;
  width: 332px;
  left: 20px;
  top: 15px;
  padding: 0 10px;
  color: #fff;
}
.purchase-list-banner .activity-notice .notice-bg {
  width: 332px;
  height: 36px;
  border-radius: 50px;
  background-color: #000;
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.purchase-list-banner .activity-notice .notice-info {
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 18px;
  line-height: 30px;
}
.purchase-list-banner .activity-notice .notice-info i {
  position: relative;
  top: 4px;
  font-size: 28px;
  margin-right: 10px;
}

.search-content {
  margin-top: 10px;
  border: 1px solid #dadadd;
}
.search-content .search-category {
  height: 42px;
  background-color: #efefef;
  font-size: 14px;
}
.search-content .search-category li {
  float: left;
  height: 22px;
  text-align: center;
}
.search-content .search-category li.active a {
  color: #d50042;
  height: 39px;
  border-top: 3px solid #d50042;
  background-color: #fff;
}
.search-content .search-category li.active i {
  color: #d50042;
}
.search-content .search-category a {
  color: #666;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  padding: 0 26px;
  border-top: 3px solid #efefef;
}
.search-content .search-category .sp-zy {
  display: inline-block;
  margin-left: 26px;
  line-height: 42px;
}
.search-content .search-category input, .search-content .search-category label {
  cursor: pointer;
}
.search-content .page-mini {
  display: block;
  text-align: right;
  margin-bottom: 10px;
}
.search-content .page-mini .page-total {
  color: #e22335;
}

.search-list {
  background-color: #fff;
  padding-top: 10px;
  font-family: "微软雅黑";
}
.search-list li {
  float: left;
  position: relative;
  width: 225px;
  height: 407px;
  margin: 0 0px 10px 9px;
  border: 1px solid #dadadd;
}
.search-list li.active {
  border: 1px solid #e84063;
}
.search-list .item-img {
  width: 225px;
  height: 225px;
  display: table;
  text-align: center;
  border-bottom: 1px dashed #dadadd;
  margin-bottom: 10px;
}
.search-list .item-img a {
  display: table-cell;
  width: 100%;
  height: 225px;
  vertical-align: middle;
}
.search-list .item-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  margin: 0 auto;
}
.search-list .item-describe-tag {
  display: block;
  margin: 10px 0 10px 8px;
  width: 64px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background-color: #d30444;
  border-radius: 2px;
}
.search-list .item-describe {
  font-size: 12px;
  height: 42px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 10px;
  overflow: hidden;
}
.search-list .item-describe a {
  color: #666;
}
.search-list .buy-numbuy-num {
  padding-left: 8px;
  font-size: 22px;
  margin-bottom: 0;
}
.search-list .item-buy-info {
  color: #999;
  font-family: "微软雅黑";
  padding: 2px 10px 5px 10px;
  font-size: 14px;
}
.search-list .item-buy-info .del {
  float: left;
  text-decoration: line-through;
}
.search-list .item-buy-info .buy-num {
  float: right;
}
.search-list .item-buy-info .buy-num .number {
  font-size: 16px;
  color: #ee8219;
}
.search-list .item-info {
  position: relative;
  color: #999;
  font-family: "微软雅黑";
  padding: 2px 10px 5px 10px;
  font-size: 14px;
  height: 53px;
}
.search-list .item-info .del {
  text-decoration: line-through;
}
.search-list .item-info .buy-num .number {
  font-size: 16px;
  color: #ee8219;
}
.search-list .item-info .price {
  font-size: 24px;
  color: #e84063;
  position: absolute;
  left: 8px;
}
.search-list .item-info .btn {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 90px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 2px;
}
.search-list .item-info.buy .btn {
  background-color: #e84063;
}
.search-list .item-info.buy-remind .del {
  display: inline-block;
  margin-top: 10px;
  height: 28px;
  line-height: 28px;
}
.search-list .item-info.buy-remind .btn {
  background-color: #f296bf;
}
.search-list .dv-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 288px;
  height: 465px;
  background-color: rgba(0, 0, 0, 0.3);
}

/* pruchase_detail page */
.prechase-goods-img {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding-bottom: 16px;
}
.prechase-goods-img .switchable-content {
  border: 0;
  width: 440px;
  height: 440px;
  margin-bottom: 20px;
}
.prechase-goods-img .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.prechase-goods-img .switchable-content li {
  width: 440px;
  height: 440px;
  line-height: 438px;
  overflow: hidden;
  text-align: center;
}
.prechase-goods-img .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.prechase-goods-img .switchable-content img {
  width: 440px;
  height: 440px;
}
.prechase-goods-img .prechase-goods-info {
  width: 738px;
}
.prechase-goods-img .switchable-nav-wrap {
  width: 391px;
  height: 71px;
  margin: 0 6px;
}
.prechase-goods-img .switchable-nav li {
  cursor: pointer;
  width: 66px;
  height: 66px;
  line-height: 64px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.prechase-goods-img .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.prechase-goods-img .switchable-nav li.active {
  border: 2px solid #dd2434;
}

.begin-remind-dialog {
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -220px;
  position: fixed;
}
.begin-remind-dialog input {
  width: 240px;
  height: 33px;
}
.begin-remind-dialog .actions {
  text-align: left;
  padding-left: 110px;
}
.begin-remind-dialog .popup-btn-course {
  width: 118px;
  height: 35px;
  background-color: #DFC181;
  color: #fff;
  font-size: "微软雅黑";
  border-radius: 2px;
  border: 0;
}

.prechase-detail-panel .prechase-detail-panel-info {
  width: 95%;
}

.prechase-detail-panel-info .info-show i, .prechase-detail-panel-info .info-time i, .dropmenu-header .icon-shop {
  position: absolute;
  background: url(../images/activity_detail_split.png) no-repeat 0 0;
}

.prechase-detail-panel-info {
  padding-left: 14px;
}
.prechase-detail-panel-info .panel-info-top {
  margin: 10px 0;
}
.prechase-detail-panel-info .info-top {
  float: left;
  width: 220px;
  height: 26px;
  line-height: 26px;
  color: #f75a4e;
  background: url(../images/huodong_bg.jpg) no-repeat;
}
.prechase-detail-panel-info .info-top .buying {
  color: #ffa358;
}
.prechase-detail-panel-info .info-top .top-activity-over {
  color: #090909;
}
.prechase-detail-panel-info .more {
  float: right;
  color: #666;
  margin-right: 10px;
}
.prechase-detail-panel-info .more i {
  display: inline-block;
  line-height: 1;
  font-family: "iconfonts";
  font-size: inherit;
  margin-left: 5px;
}
.prechase-detail-panel-info .more:hover {
  color: #f75a4e !important;
}
.prechase-detail-panel-info h1 {
  font-size: 16px;
  font-family: "微软雅黑";
  width: 100%;
  padding: 15px 0;
  color: #090909;
  border-top: 1px dashed #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.prechase-detail-panel-info h1 span {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #ea3d61;
  margin-right: 10px;
  padding: 0 6px;
}
.prechase-detail-panel-info .info-show {
  height: 72px;
  line-height: 72px;
  font-size: 14px;
}
.prechase-detail-panel-info .info-show span {
  float: left;
}
.prechase-detail-panel-info .info-show strong {
  font-size: 18px;
  color: #ca1119;
}
.prechase-detail-panel-info .info-show a {
  position: relative;
  width: 80px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ca1119;
  color: #ca1119;
  float: right;
  margin: 18px 30px 0 0;
  padding-left: 40px;
}
.prechase-detail-panel-info .info-show i {
  top: 9px;
  left: 15px;
  width: 16px;
  height: 15px;
  background-position: -57px -4px;
  background-position: -57px -207px;
  margin-right: 10px;
}
.prechase-detail-panel-info .info-time {
  clear: both;
  height: 86px;
  line-height: 86px;
  font-size: 18px;
  font-family: "微软雅黑";
  color: #d30342;
}
.prechase-detail-panel-info .info-time span {
  position: relative;
  padding-left: 24px;
}
.prechase-detail-panel-info .info-time i {
  top: 1px;
  left: 0;
  width: 19px;
  height: 21px;
}
.prechase-detail-panel-info .info-time strong {
  font-size: 25px;
}
.prechase-detail-panel-info .info-time.remind-info-time label {
  color: #666;
}
.prechase-detail-panel-info .info-time.remind-info-time .activity-time {
  color: #f097be;
}
.prechase-detail-panel-info .info-time.remind-info-time i {
  background-position: -29px 0;
}
.prechase-detail-panel-info .activity-over-show {
  clear: both;
  height: 86px;
  line-height: 86px;
  text-align: left;
  font-size: 30px;
  font-family: "微软雅黑";
}
.prechase-detail-panel-info .operation-panel {
  width: 98%;
  height: 161px;
  margin-bottom: 10px;
}
.prechase-detail-panel-info .operation-panel-wrap {
  width: 738px;
  height: 161px;
  position: relative;
  margin-bottom: 10px;
}
.prechase-detail-panel-info .info-operation {
  width: 100%;
  height: 161px;
  position: absolute;
  top: 0;
  right: 0px;
  color: #fff;
  font-size: 20px;
}
.prechase-detail-panel-info .info-operation.buy .price, .prechase-detail-panel-info .info-operation.rightnow-buy .price {
  color: #fff;
}
.prechase-detail-panel-info .info-operation.buy .suggest-price, .prechase-detail-panel-info .info-operation.buy .limited-buy, .prechase-detail-panel-info .info-operation.rightnow-buy .suggest-price, .prechase-detail-panel-info .info-operation.rightnow-buy .limited-buy {
  color: #efefef;
}
.prechase-detail-panel-info .info-operation.rightnow-buy {
  background-color: #f097be;
}
.prechase-detail-panel-info .info-operation.rightnow-buy .triangle_border_nw {
  border-color: #9c486d transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation.buy {
  background-color: #ea3d61;
}
.prechase-detail-panel-info .info-operation.buy .triangle_border_nw {
  border-color: #c52446 transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation.activity-over {
  background-color: #eeeceb;
}
.prechase-detail-panel-info .info-operation.activity-over .price {
  color: #ca1119;
}
.prechase-detail-panel-info .info-operation.activity-over .suggest-price {
  color: #e993a5;
}
.prechase-detail-panel-info .info-operation.activity-over .triangle_border_nw {
  border-color: #a8a8a8 transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation .triangle_border_nw {
  width: 0;
  height: 0;
  border-width: 13px 13px 0 0;
  border-style: solid;
  position: absolute;
  right: 0;
  bottom: -13px;
}
.prechase-detail-panel-info .info-operation .operation-left {
  float: left;
  margin: 42px 0 0 56px;
}
.prechase-detail-panel-info .info-operation .price {
  color: #f75a4e;
  font-size: 34px;
}
.prechase-detail-panel-info .info-operation .suggest-price {
  color: #999;
}
.prechase-detail-panel-info .info-operation a {
  float: right;
  width: 174px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #faa94b;
  font-size: 30px;
  margin-top: 28px;
  font-family: "微软雅黑";
  color: #fff;
  margin-right: 90px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.prechase-detail-panel-info .info-operation .limited-buy {
  margin-top: 88px;
  text-align: right;
  padding-right: 17%;
}
.prechase-detail-panel-info .info-operation .btn-remind {
  cursor: default;
  background-color: #faa94b;
}
.prechase-detail-panel-info .info-operation .btn-buy, .prechase-detail-panel-info .info-operation .btn-go {
  width: 146px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  margin-right: 40px;
  background-color: #ffa358;
}
.prechase-detail-panel-info .info-operation .btn-buy {
  background-color: #ca1119;
}
.prechase-detail-panel-info .btn-wrap a {
  margin-right: 26px;
  font-size: 12px;
  color: #666;
}
.prechase-detail-panel-info .btn-wrap i {
  font-size: 20px;
  color: #ff8500;
}

.buyer-box .buyer-info {
  width: 100%;
  margin: 0 10px 10px 0;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  background-color: #fff;
}
.buyer-box .buyer-info li {
  padding: 15px 0px;
  margin: 0 5px;
  border-top: 1px solid #eee;
}
.buyer-box .buyer-info li:first-child {
  border-top: none;
  padding-top: 0;
}
.buyer-box .buyer-info .shop-name {
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding-top: 60px;
}
.buyer-box .buyer-info .icon-qq {
  position: relative;
  left: 2px;
  top: 4px;
  display: inline-block;
  width: 17px;
  height: 19px;
  background: url(../images/qq.jpg) no-repeat;
}
.buyer-box .buyer-info .shop-name, .buyer-box .buyer-info .score, .buyer-box .buyer-info .btn-goto {
  color: #b69144;
}
.buyer-box .buyer-info .dl {
  margin-bottom: 5px;
}
.buyer-box .buyer-info .dl:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.buyer-box .buyer-info .dl .dl-left {
  float: left;
  width: 110px;
}
.buyer-box .buyer-info .dl .dl-right {
  float: right;
  width: 60px;
  text-align: center;
}
.buyer-box .buyer-info .icon-arrow-down-a {
  color: #00850A;
}
.buyer-box .buyer-info .icon-arrow-up-a {
  color: #dd2434;
}
.buyer-box .buyer-info .btn-goto, .buyer-box .buyer-info .btn-collect {
  display: inline-block;
  width: 90px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #b69144;
}
.buyer-box .buyer-info .btn-goto {
  margin-right: 15px;
}
.buyer-box .buyer-info .btn-collect {
  color: #f55a4e;
}
.buyer-box .buyer-info .qrcode {
  margin: 0 auto;
  width: 84px;
  padding: 7px;
  border: 1px solid #ccc;
  text-align: center;
}
.buyer-box .buyer-info .seller {
  float: none;
  width: 100%;
}
.buyer-box .buyer-info .seller li {
  padding: 15px 10px;
}
.buyer-box .buyer-info .seller .btn-collect-shop {
  margin-left: 16px;
}
.buyer-box .shop-search {
  border: 1px solid #CCCCCC;
  margin: 10px 0;
  background-color: #fff;
  padding: 15px 0;
}
.buyer-box .shop-search p, .buyer-box .shop-search .search-area {
  padding: 0 10px;
}
.buyer-box .shop-search p {
  color: #666;
}
.buyer-box .shop-search .search-area {
  position: relative;
}
.buyer-box .shop-search .search-area input {
  width: 99%;
  height: 29px;
  line-height: 29px;
}
.buyer-box .shop-search .icon-search-a {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 4px;
}

.lately-browse {
  width: 100%;
  font-family: "微软雅黑";
}
.lately-browse .browse-title {
  color: #666;
  margin: 8px 0;
}
.lately-browse .browse-item {
  position: relative;
  width: 100%;
  height: 215px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}
.lately-browse .browse-item .price {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #333;
  text-align: center;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: rgba(255, 255, 255, 0.9);
}

.purchase-tab {
  border: 1px solid #CCCCCC;
  padding-bottom: 30px;
  background: #fff;
}
.purchase-tab .switchable-nav li {
  height: 52px;
  line-height: 52px;
  border-top: 2px solid #e8e8e8;
}
.purchase-tab .switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dfc182;
  color: #dfc182;
  cursor: default;
}
.purchase-tab .switchable-nav li.active span {
  color: #dfc182;
}
.purchase-tab .bd img {
  display: block;
  margin: 0 auto;
}
.purchase-tab .bd img.mb-15 {
  margin-bottom: 15px;
}

/* purchase_no_groupon page */
.groupon-info {
  border-top: 2px solid #dfc182;
  height: 700px;
  margin-top: -1px;
  color: #666;
  text-align: center;
}
.groupon-info .wrap-lg {
  padding: 10px;
  margin: 150px auto 0;
}
.groupon-info .wrap-lg p {
  font-size: 18px;
  margin: 30px 0;
}
.groupon-info .wrap-lg a {
  color: #fff;
  font-size: 14px;
}

.groupon-icon {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #eee6d5;
  margin: 0 auto;
}

.groupon-icon:after {
  content: "";
  display: inline-block;
  width: 72px;
  height: 130px;
  background: url(../images/groupon_icon.png) no-repeat center;
}

.article-box .col-lg-3 {
  margin-right: 15px;
}
.article-box .dropmenu {
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.article-box .dropmenu-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #efefef;
}
.article-box .dropmenu-header span {
  padding-left: 45px;
  font-size: 14px;
  color: #ea2329;
}
.article-box .icon-shop {
  top: 16px;
  left: 16px;
  width: 16px;
  height: 15px;
  background-position: -57px -4px;
}
.article-box .icon-shop::after {
  content: "";
  position: relative;
  display: inline-block;
  top: -9px;
  left: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #cc0a0a;
  text-align: center;
}
.article-box .icon-arrow-down {
  display: none;
}
.article-box .dropmenu-items {
  display: none;
}
.article-box .cur .icon-arrow-down {
  display: inline-block;
}
.article-box .cur .icon-arrow-right {
  display: none;
}
.article-box .cur .dropmenu-items {
  display: block;
}

.lotter-wrap .title {
  position: relative;
  color: #6d2512;
  text-align: center;
  margin-bottom: 150px;
}
.lotter-wrap .title h1 {
  font-size: 60px;
  margin-bottom: 10px;
}
.lotter-wrap .title .dirscript {
  font-size: 18px;
}
.lotter-wrap .title-before, .lotter-wrap .title-after {
  color: #fff;
  -webkit-text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  -moz-text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  *filter: Glow(Color=#000, Strength=1);
}
.lotter-wrap .title-before {
  color: #fff7a6;
}
.lotter-wrap .qrcode {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 100px;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
}
.lotter-wrap .lotter-content {
  position: relative;
}
.lotter-wrap .prize-box {
  float: left;
  width: 50%;
  margin-right: 20px;
}
.lotter-wrap .prize-rule {
  float: left;
  width: 46%;
  color: #882c0d;
}
.lotter-wrap .rule-content {
  position: relative;
  background: #fff8c2;
  border-radius: 5px;
  padding: 35px 30px 20px;
  margin-bottom: 50px;
}
.lotter-wrap .rule-name {
  position: absolute;
  top: -20px;
  left: 0;
  background: #f7d15f;
  width: 190px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  color: #872b0d;
  font-size: 24px;
}
.lotter-wrap .rule-name:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid #f7d15f;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.lotter-wrap .rule-list {
  line-height: 25px;
  font-size: 14px;
}
.lotter-wrap .rule-list ol {
  list-style-type: decimal;
}
.lotter-wrap .prize-result {
  padding: 25px 0;
  background: #fff8c2;
  border-radius: 5px;
  text-align: center;
}
.lotter-wrap .prize-result .btn {
  margin-bottom: 10px;
}
.lotter-wrap .prize-result p {
  font-size: 14px;
}
.lotter-wrap .chance {
  font-size: 20px;
  margin-bottom: 10px;
}
.lotter-wrap .chance span {
  display: inline-block;
  padding: 1px 15px;
  border: 1px solid #ff9140;
  margin: 0 5px;
}

.banner {
  display: block;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.banner .turnplate {
  display: block;
  width: 100%;
  position: relative;
  background: url(../images/turnplate-bg.png);
  background-size: 100% 100%;
}

.banner .turnplate canvas.item {
  width: 100%;
}

.banner .turnplate img.pointer {
  position: absolute;
  width: 25.5%;
  height: 34.4%;
  left: 37.2%;
  top: 27.7%;
}

.prize-info input {
  width: 60%;
}